Project Summary
Speculative project for Design Skills and Technology at LASALLE
Redesigning a website for a US Japanese company, Tako Grill, from scratch using HTML, CSS, and Javascript that is responsive with all devices. All illustrations, animations, and visuals have been hand-drawn. It consists of 5 pages: Home, Food, Drinks, Delivery, and Contact which have been further subdivided into specific types of food and drink options.
The website can be accessed here.
⎯⎯⎯⎯⎯
Role: Front End Developer, Illustrator, Graphic Designer, Art Director
Tools: Adobe Illustrator, XD, Visual Studio Code
Visual Identity
Redesigned as a more casual and fun company as opposed to their previous bold visual identity. A rounded sans serif and hand-drawn illustrations will aid in conveying their new image to customers.
Sitemap and Wireframe
High Fidelity Model
Made on Adobe XD and in color to visualize the final outcome prior to coding it.
Home
Hero
About Me
Special Items
Call to Action to Join the Community and Footer
Menu
Click on the food item and it will direct you to that sub-section
Bento Box
Noodles
Sushi
Sashimi
Sides
Delivery
Coding
Specific elements of the code are highlighted to demonstrate the process.
Zoom in HTML code for the home page
Zoom in HTML code for the landing page
Zoom in CSS code to make the menu stay in place while scrolling
Animations
Final Outcome
