Joanne Cho

Bloomex

A flower shopping website Redesign

Bloomex

Overview

A flower shopping website that provides customers with an easy and intuitive shopping experience.

Problem

Map in Main Page

Bloomex

The page has issues with organizing its content. Specifically, the main page features a large map that allows users to locate the Bloomex flower shop. However, the map dominates the page and distracts from other important information.

Space

Main page and detail page has been used with horizontal and the spaces beween flower purchase items are very narrow. Even the items are too much.

Bloomex

Color

Bloomex

Bloomex has chosen red as its main color, but it may be too strong and overwhelming for users. The high intensity of the red may cause eye fatigue and make the overall design look cluttered and untidy.

Typography

The page features a variety of different fonts, including a mixture of serif and sans-serif typefaces. This can create a cluttered and complicated appearance, which may make it difficult for users to focus on the content.

Bloomex

Iconography

Bloomex

The icons appear to lack consistency as they are visually distinct from one another and do not appear to be unified. Each icon is unique in terms of color and size.

Solution

1. Several changes were made to the website layout. The map in the main section under the navigation menu was replaced with an image that is more relevant to the website alongside the website name.

2. To improve the user experience, some items were removed and a ‘Buy more Flower/Gourmet’ button was added to provide users with more options. The items were also organized vertically for improved readability.

3. The information text in each section, including ‘Vancouver Flower Delivery’ and ‘Gourmet Collection’, was given enough space for better presentation.

Color

Bloomex

Although red is a strong and intense color, the decision was made to keep it as Bloomex’s main color.

To balance the overall look, the tone of the red was slightly toned down instead of using the same shade throughout the website.

Typography

Bloomex

UI Kit

Bloomex

Original Version

Main Page

Bloomex

Detail Page

Bloomex

New Version

Main Page

Bloomex

Detail Page

Bloomex