Challenge
The goal that I have to represent a Clear, Playful, but Trustworthy design.
Moodboards
Grid
I was applying responsive layout grid 4, 8, and 12 grid to keep the design consistent.
Typography
When I was selecting the font size and style I considered about the easy readability. Desktop web typography guideline has two types: text-heavy pages mainly for reading (blogs, articles, news) or interaction-heavy pages with more hovering, clicking, editing, typing.
Colour Palette
Buttons
- Buttons have multiple stages; enabled, hovered, pressed.
- The users always need some feedback about the interaction.
Button Size
Button States
Forms
- Label and hint in the search field.
- Users should always get feedback on their action.
Form Size
Form States
Prototype
Interaction between the screens
Figma link is available. Click on it and try it on mobile for better experience: https://www.figma.com/proto/zCN9MBanH6RpouvQj1vqUw/UICert-Assignment?node-id=1539%3A514&viewport=-5710%2C-4278%2C0.2558518350124359&scaling=min-zoom&page-id=144%3A162
See More Work
Fly Ux
Airline Website Application
Design a mobile application focus on user needs and positive experience.
Laszlo Hadhazi 