The Vine
web design

This is a website freelance project for The Vine, an education business for college preparation. With the content that the academy’s principal provided, I conceptualized and redesigned the interface layout.   

Client: The Vine
Website: http://www.thevinenow.com/index.html

Adobe Illustrator ⦁ Sketch App

2017 Summer

 
collegefit_mockup.jpg
vine_logo.png
Screen Shot 2018-03-21 at 8.20.31 PM.png
 
vine-portfolio-07.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. 

vine_documentation-02.jpg
vine_documentation-04.jpg
vine_documentation-05.jpg