
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



