Life Journey Education

Website Redesign

*Work in Progress*

I was hired to help redesign the entire English website for the education agency start-up, Life Journey Education.

Their original website was built in Wordpress, and had an older looking design, so they wanted it to look more professional and modern.

As an intern, I worked with the Wordpress theme they had chosen. I taught myself how to use Wordpress and WP Bakery in a few days.


ISSUES

- Outdated and incohesive design

- No set colour palette

- Different fonts were used in images

- Some of the copy was still in Japanese

- Certain pages were no longer needed

SOLUTIONS

- Create a more cohesive design for all pages with similar elements, animations, fonts, colours

- Create a clearer summary of the company on the landing page

- Change all copy to English, adding marketable phrases

- Remove unneeded pages


Menu

Unneeded pages were removed and a testimonial page was added.


Logo

I recreated their logos in Adobe Illustrator as vectors, and also created 2 new options to have more flexibility in their use on social media posts, presentations, and documents.


Visual Branding

A colour palette for the website was chosen to match their logo. It was kept simple with mostly blues that could contrast in combination with each other, and a green for CTA buttons and attention. Oxygen is a sans-serif font that is optimized for the FreeType font rendering system and works well in all graphical user interfaces, desktops and devices.

The medium blue is overlaid on images that will have the parallax effect, in order to better relate the image to the website design and to contrast well against white text.


Old Layout

Below are screenshots of the original Japanese version of the website's landing page, which is similar to what the English version used to look like. I have already made significant changes to the landing page and some others, creating more visual cohesion and a more modern style.


Low to Medium-Fidelity Wireframes

I knew I wanted to incorporate the colours a lot to separate the sections, and also have room/flexibility at the bottom to add future sections if needed. A gallery section was considered, but ultimately wasn't important for the home page. I created a whole new map illustration for the countries section, to better show off the global scale and to place the location of each country. It was previously just a row of flags, which might be difficult for some people to recognize.


Hero Slider

Custom Illustrations and Photo Edits


Using Format