AVINVO Website Development

Overview

I independently built AVINVO as a premium restaurant website using pure HTML, CSS, and vanilla JavaScript before AI-assisted generation became common. Every layout, animation, interaction, and line of code was handcrafted from scratch.

What It Delivers

• A luxury restaurant experience translated into a fast, responsive digital interface.
• Semantic HTML5 for clean structure, accessibility, and strong search foundations.
• Modern CSS using variables, Flexbox, Grid, responsive media queries, and consistent visual hierarchy.
• Sticky navigation, reveal-on-scroll animation, and smooth user journeys powered by vanilla JavaScript.
• A dynamic menu system with detailed item views.
• Special-offer presentation, a culinary gallery, video-review showcase, and Google Maps integration.
• A fully independent design with no frameworks, templates, or AI-generated implementation.

What I Did

• Owned the visual direction, information architecture, responsive behaviour, frontend engineering, interaction design, and implementation.
• Wrote the HTML, CSS, and JavaScript manually.
• Designed the menu experience, gallery, offers, reviews, map integration, navigation, and animation system.
• Balanced visual refinement with speed, accessibility, and semantic structure.

Outcomes

• A complete static restaurant website with product-level presentation.
• A consistent experience across desktop, tablet, and mobile.
• Strong early proof of frontend fundamentals without dependency on frameworks or templates.
• A practical demonstration of brand-led design executed through clean code.

Proven Impact

• Built entirely from scratch before the AI website-generation era.
• Delivered a complete responsive site with interactive navigation, menus, media, and location discovery.
• Demonstrated early frontend mastery and independent product thinking.

Why It Matters

• Established that premium design could be produced through first-principles code rather than purchased themes.
• Strengthened the frontend discipline later used in professional website work.
• Created a clear bridge between visual taste and engineering precision.