GENOA

E-commerce site Design

Company Profile

GENOA was started to develop basic cosmetics based on the understanding of advanced dermatology in 1933. They have been selling handmade cosmetics, with highly-selected materials, for over 80 years. The online shop has opened in 2018.

PROJECT SUMMARY

+Update their existing online eShop.

+Integrate the two current websites: company website and the online shop. This will enhance the company's brand and accent the products.

PROJECT GOALS

+Expanding their target users:
Expanding the core target age group to younger users.

+Boost online eShop site awareness:
Increase the conversion rate and sales.

ROLES

UI/UX, Banner Design
Create a tagline for banner
Create sales promotion materials

Challenges / Improvements

DESIGN

+Use existing photos (no reshoots)

+Need for high techniques to synthesize photos to create banners

+The gap between the core users and the target users:
Most main users are in their 50s and above, reset the target users that are in their late 20s and early 30s, close the generation gap

DEVELOPMENT

Use an existing ecommerce platform (EC cube):
+Unique breakpoint

+Alteration of structures is needed, manage structural changes with developers

Solution

Breakpoint

According to statistics, these are the 6 most common screen sizes in 2019:

We simply focus on two breakpoints because most of our users reach the website from mobile and desktop. (Tablet is under 5%.)
Set the mobile breakpoint 688px and the desktop 1312px wide. This number is based on phones will all be under 688px, most tablets will fall somewhere between 688px and 992px, smaller screens will be between 992px to 1312px, and larger screens will be greater than 1312px.

Alteration of structures

As our prioritization was to redesign the structure of the products and purchase section.

-Adjusted the alignment of product photos and align to the center.
-Product name and price need to be clear and easy to find with well-balanced font sizes and contrast.
-Easy to make purchases with simple button clicks.
-Apply accordion control for heavy text contents

Style Guide

The existing color scheme, font, and elements for the website needed to be organized in a proper UI style guide. Font sizes were changed make the view of the pages more comfortable to their users.

Carousel Control (Botton) Component

Result

The click rates for CTR（Click Through Rate）, seasonal banners, new visits, and session has increased since the forms were revised. This project is ongoing and now we are working in the Q and A phase. Next steps are to update the Blog and company philosophy pages.

WPI Real Estate | Newsletter Templates 

view project