User Interface Design

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.

Mobile grid 4 – col
Tablet grid 8 – col
Desktop grid 12 – col

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

See More Work

Fly Ux

Airline Website Application

Design a mobile application focus on user needs and positive experience.