Skip to main content

Frontend Design

Design Processes

Focusing on the user interface and visual aspects of a product or system, ensuring a compelling and intuitive user experience. Frontend design involves creating layouts, visual elements, and interactive components that users interact with directly, emphasizing aesthetics, responsiveness, and accessibility.

In practice

Focuses on designing the user interface and user experience visible to the end user. Frontend design is important in the later stages of the design process, shaping the visual and interactive aspects of a product. Its significance lies in creating an intuitive and visually appealing user interface that enhances the overall user experience and aligns with the design vision and objectives of the project. Frontend design contributes to the final look and feel of a product that users interact with directly.

Questions

What is Frontend Design?

Frontend design is the overlap between design and front-end engineering: the person who decides how a component behaves also builds it.

Why do you use Frontend Design?

Handing a static design to an engineer loses everything that was not drawable — states, transitions, responsive behaviour. Closing that gap keeps the intent intact.

How do you use/apply Frontend Design?

Design in the browser where you can, own the component's states and behaviour end to end, and treat the code as part of the design output.

When do you use Frontend Design?

On teams small enough, or mature enough, for the roles to overlap.

Who uses Frontend Design?

Design engineers, and designers who write production code.

Noones app wallet screen in pixel-art green, Bitcoin super app by Alexis Bardini
Ash AI Pokedex open, showing bee recognition on screen

Not ready for your eyes

This site is not public yet. Enter your password to continue.

That is not it. Try again.