The Vine
web design

This is a freelance project for The Vine, an education consulting firm. I redefined the brand, conceptualized and redesigned the responsive interface with the content that the academy’s principal provided.   

Client: The Vine

Adobe Illustrator ⦁ Sketch App

2017 Summer

Screen Shot 2018-03-21 at 8.20.31 PM.png

Typography | Web/Mobile

I set a typography system in respect to pixels for when the design is translated to html. With this organized system, the website is easier to read and grasp important information. 

Screen Shot 2018-04-04 at 8.17.58 PM.png

Low-Fidelity Mockup 

I started off from the academy’s preexisting website and analyzed which categories to combine and what sub-menus to add for better organization and easier navigation. With a more clean layout, I added space for graphic icons to produce a more welcoming  website.

Multiple Iterations

To reflect the academy’s direction and wants on the website, I constantly talked with the principal. Since the principal wished to put emphasis on the college consulting service of the academy, I dedicated a new menu and put together all consulting related contents.