Web Design Analysis

A good web design is one of the most important aspects of a brand. Design matters, as it reflects how your current and potential clients feel about you and your business, as well as gives powerful insight into the brand's values and image. So what makes or breaks good web design, and how can we distinguish between the two? See the good and bad examples below, and why they have been categorised as such.

MOANA BIKINI

Click image to see Moana Bikini's full website

Moana Bikini's website exhibits good web design due to the following factors:

1. Clean image-driven design appropriate to product the brand is selling.

2. Vibrant colour schemes that grab our attention for all the right reason: gives off a sense of the brand's values of fun-loving lifestyle and self-expression/individuality.

3. Headline :"You are. We Are. Stronger" is captivating and well positioned to promote the product and the brand's awareness campaign.

3. Interactivity is well organised and interesting with easily found and usable button navigation and intriguing changing views of the product by simple mouse hovering.

4. Seamless integration with other media channels of the brand: incorporation of a youtube video of campaign and "as seen on insta" shopping area.

5. Easily found and easily used call-to action bar at top of webpage makes navigation effortless.

UBER EATS

Click image to see Uber Eats' full website

Uber Eats' website exhibits good web design due to the following factors:

1. Easy navigation with an immediate call to action with the attention-grabbing headline "Discover restaurants that deliver near you."

2. Changing food-related abstract image in top right hand corner is captivating and interesting whilst remaining relevant to the nature of the service Uber Eats provides; that is a diverse selection of food easily delivered to the comfort of your home. The changing image works well with the clean, simple landscape of the overall webpage/website.

3. Succinct text heightening read-ability.

4. Predominantly white background gives off a simple, clean and professional tone.

5. Interesting use of scroll on the screen ensures interest is maintained whilst exploring the website.

APPLE

Click image to see Apple's full website

Apple's website exhibits good web design due to the following factors:

1. Immediate sales pitch entices viewer towards purchase path - captivating and brand-relevant headline.

2. Black background and white text contrasts nicely with the blue navigation buttons, making navigation easy.

3. The simple, clean yet saturating nature of the black background successful highlights images of the products, making them standout to the viewer, which is also heightened when the background changes to white seamlessly down the page when promoting a different category of product (iPhone vs computer).

4. Text is informative whilst still being succinct and neatly organised as to not overwhelm the viewer.

5. Visual aids are relevant, high quality and the colour scheme is sophisticated and appealing to the eye.

PENNY JUICE

Click image to see Penny Juice's full website

Penny Juice's website exhibits poor web design due to the following factors:

1. Colour scheme clashes making the website look unprofessional, non-succinct and not aesthetically appealing.

2. Uses a low-res image looks ow-quality and takes away from the captivating nature of the image design and call to action. It is also poorly cropped as to take away of what the visual content actually is/

3. Headings are off-centred, demonstrating a lack of concrete layout grids and making the whole page feel disjointed rather than clean and easy to view.

4. The rainbow font looks cheap and out-dated with it's white background.

5. The webpage depicts several different fonts and thus appears not to be succinct, lacking flow and aesthetic appeal.

SUZANNE COLLINS BOOKS

Click here to see Suzanne Collin's full website

Suzanne Collin's website exhibits poor web design due to the following factors:

1. Lack of interactivity: minimal links to engage the viewer in content, clack of click-through, uninteresting page scroll design.

2. Navigation is ambiguous with an unclear purchase path and a lack of detail regarding content.

3. Layout lacks grid or foundation with images not being aligned or centred, making them seem disjointed and non-captivating (entirely defeating the purpose of having the images in the first place).

4. The use of a predominantly white background emphasises the text which is non-succinct and somewhat overwhelming, displayed in an unappealing font and small font size.

5. Overall design is not engaging and does not capture the viewers interest as it lacks strong visual age and clean structural aspects.

ARNGREN

Click image to see Arngren's full website

Arngren's website exhibits poor web design due to the following factors:

1. Text is overwhelming - both the font type, font size and font colour makes the text small and difficult to read.

2. Confusing navigation due to too many links and too much text.

3. Colour scheme clashes and images are disjointed/ don't match making it both confusing as to what the product/service offered actually is, as well as making the overall; design of the website unappealing and somewhat stressful to observe.

4. Too focused on merely having as much content on the single page as possible, which sees the design aspect suffer.

5. Lack of an established grid format in layout: the entire webpage does not provide easy navigation and is very disorganised making it appear messy to the viewer.