Arranging content in an easily accessible way is the backbone of any user-friendly website. A good website will present that information well while conveying a coherent brand identity. A great site will go one step further to create an emotional response in the user.
In this collection we have some great examples of how different elements can be used to create such a response. Color is always effective in this respect when used well, but we can also see how important the choice of typeface can be in producing a particular effect on the user.
Beech
Strategy and creative agency Beech has recently repositioned to work exclusively with not-for-profit and for-purpose organizations. Its new site has a strong, modern feel that matches simplicity with bold color.
855-HOW-TO-QUIT
The 855-HOW-TO-QUIT helpline uses opioid imprint codes as phone extensions. The site is minimalist in style, with aspects that reflect the physical attributes of pills, such as the shape of menu buttons, and speckled backgrounds.
House on a Hill
This site for a holiday rental home in rural Montana does a great job of creating a welcoming impression, while also conveying the beauty of the landscape.
Deeper Japan
Deeper Japan is a travel company that focuses on customized, authentic cultural experiences. The white and soft gold color scheme is muted, allowing the carefully curated images to stand out.
Nord Quantique
Pinks and purples might not seem the obvious choice for a quantum computer company, but here they add approachability to something most of us would find more than a little technical.
S11 System
The striking color choices and hero image reveal on the home page set an appropriate tone for this site offering business leadership coaching.
Daylight Computer
Daylight Computer is a new tablet that claims to be healthier and kinder to use. Rounded corners, soft colors, and a pleasing display typeface with just a slight flare, work to emphasize this.
Coding Bio
This simple, single page for Coding Bio makes great use of abstract illustrations to represent its work in the engineering of immunotherapies, without getting bogged down in technical detail.
Design Office
Design Office is the newly launched design arm of creative agency Motion Sickness. There is a playful feel to this page, and the client/designer translator is particularly fun.
Q-Industrial
Q-Industrial makes paints and coatings for industrial use. Black backgrounds, a 3D animated logo, and clean navigation create a glossy feel to its site.
CleverFarm
In order to demonstrate how its technology can help transform agriculture, CleverFarm has produced this interactive, virtual guide. The depth of information provided is good while still remaining clear and easy to navigate.
Kuya
Creative studio Kuya makes a bold statement with its blue-on-white site. Primary color illustrations add even more punch, while work is given space to stand out.
EDPNC
This site for the Economic Development Partnership of North Carolina conveys both professionalism and approachability. The color scheme helps to achieve this, but the key element is the choice of display typeface.
Pilote Paris
Pilote Paris’ homepage uses infinite scrolling of layered images to create what could be described as a user-controlled showreel. In contrast, the rest of the site keeps things minimal.
Sapori e Natura di Calabria
This site for amaretti and mandorlotti producers Sapori e Natura di Calabria follows the current fashion for red as the dominant color, paired with a warm off-white for a modern feel.
Soller Tennis Club
The green and pinky-brown color scheme for Soller Tennis Club would be pleasing in itself anyway, but it is doubly so here because it alludes to the different tennis court surfaces.
Bernatz
This site for interior and furniture designer Patrick Bernatz is very simple, with some lovely detailing that sets it apart. In particular, the animated background suggesting tree branches in a breeze is very evocative.
Warren and Mahoney
There is no color scheme as such in evidence here, instead abstract blocks of multiple colors add interest without overwhelming.
White Coffee
Parisian coffee roasters White Coffee has gone for a sophisticated, pared-back look with dark grey rather than black, and neutral-toned backgrounds for product shots.
UKF
UKF’s site has a retro feel with its slightly blocky display type, alternating white on black with black on white, and abstract line illustrations.