Frontend Design

HomeWebdesign Management → Frontend Design

While interaction design focuses rather on user behaviour, the frontend design is the final visual appearance of an interactive product.

“The front end is an interface between the user and the back end.”

Or, “the frontend is the visual part of digitally published contents”.

Or, “the frontend is is what the user-agent (typically a browser) is displaying based on the code developers produced (html, css, js, php, and more)”.

Front end design (for web)

Successful front-end designing inludes coding skills. The times, when creatives used to design websites in photoshop and deliver their work to a coder, are passed. The understanding of the frontend technology is fundamental for the designer.

Typical frontend coding (at codePen, an online web developer's tool and community)

Typical frontend coding at codePen, an online web developer’s tool and community.

Some recommendations for successful frontend design:

  • Always keep IA, IxD, Usability, UX in mind
  • Mobile first
  • Stay minimal and clean
  • Keep the client’s CI design in mind
  • Use good fonts
  • Use unfunctional decoration elements very moderately. Or better not at all
  • More media, less text
  • KISS (Keep it simple, stupid)

Look at the links page for some samples.

HomeWebdesign Management → Frontend Design

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s