top of page
Artboard Copy 5.png

OERA Education

Overview

The website aims to help OERA Education to market themselves, and get more clients.

Role

Sketching, prototyping, user testing, project management

Tools

Sketch, Wix

Design Question
How to redesign the website and make it look professional?
Group 55.png
Initial Web Page
Identify the main requirements of the client

After talking with the client and get their requirement. They want the the website look more professional. Currently, the design for the website is not consistant and can not show the branding of the company. Therefore, I help the company redefine their company logo, branding color and the main UI part for the website. At the same time, I restructure the layout of the company and make it easire for users to scan the information.  

Logo

Based on their requirements for the logo: modern, simple and can show the great future of the student. I finally design color version and dark version of the logo. The logo is the combination of the first letter of the company name, which is simple and modern. Also, the color is bright orange, which is the color of the sunrise. The color match the meaning of the company name, and is used as the primary color of the website.

oera网页logo.jpg
Oera Education2-01 copy.png
Color Version
Dark Version
Design Decisions

Card & List View

To organize information in an easily digestible way, we decided to use cards and lists design. Card allows flexibility for different types of information and can be quickly applied to many pages on website. 

Screen Shot 2020-11-23 at 1.19.21 PM.png
Screen Shot 2020-11-23 at 1.18.58 PM.png
Screen Shot 2020-11-23 at 1.18.35 PM.png
Screen Shot 2020-11-23 at 1.19.39 PM.png
Screen Shot 2020-11-23 at 1.19.49 PM.png
Screen Shot 2020-11-23 at 1.18.48 PM.png
Visual Design

Style Guide

The branding color is in accordance with the company's branding color - Bright Orange, which represent hope, power and bright future.

Artboard.png
Final Mockups

Group 49.png
Group 54.png
Group 51.png
Group 50.png
Group 53.png
Group 57.png
Group 56.png
Group 44.png
Group 46.png
Group 60.png
Group 58.png
Group 59.png
Initial Web Page​

Reflection

With the new UI for the website, the new website looks more professional and express the branding of the company. According to the feedback from the client, the website help them attract more users. 

Thanks for reading

bottom of page