KZ
UX/UI
Case #1
mobile alarm and timer application
main goal ---------------
creation of a calm and intuitive interface.
Problem -----------------------------------------------------------------
Many alarm and timer apps are visually cluttered and difficult to use when users are tired, especially in the morning or at night.
Solution:
minimal dark-mode interface with clear typography
AND
purple accents for key actions.
TIMER PROTOTYPE
ALARM PROTOTYPE
STEPS ---------------------------
Researched existing alarm and timer mobile apps AND Analyzed common UX patterns
Identified what works best for clarity and ease of use
Created wireframes to define screen structure
Designed a clean UI with strong visual hierarchy
Built an interactive prototype to test the flow
Case #2
News Website Prototype
main goal ------------------
create modern news website that allows quickly access and read current news in a clear and structured way
Solution:
Problem --------------------------------------------------------------
News platforms often contain too much information on one screen, making it difficult for users to scan headlines and find relevant content efficiently.
News Website
A layout with clear content sections, strong typographic hierarchy
and
a grid-based structure that improves readability and navigation.
steps ---------------------------------------------------------------------
Researched modern news websites and editorial platforms
Compared layouts and navigation
Defined a clear structure for fast content scanning
Created wireframes to organize news sections
Designed a clean editorial UI focused on readability
Developed a web prototype to demonstrate user flow
Tools Used
#-
Figma ---------------------------------------------------------
UI design, layout creation, and interactive prototyping
ADoBE PHOTOSHOP -------------------------------------------
image editing, cropping, and visual adjustments
Adobe Illustrator ------------------------------------------
vector graphics, and visual elements
Unsplash ----------------------------------------------------
high-quality images for content
Google Fonts -----------------------------------------------
typography selection and text styling