
THE TILTED GLASS
Website Design



PROJECT 2: Website Design
For this project, I designed and developed a fictional website for The Tilted Glass, a modern speakeasy inspired by the Prohibition era. This concept marries vintage allure with contemporary sophistication, offering visitors a digital experience that is refined and easy to navigate.
Developing this website required coding using HTML and CSS to bring the design and concepts to life. This hands-on experience allowed me to blend my creativity with more technical skills, resulting in a fully functional and visually stunning website.
This website showcases my ability to blend storytelling with functional design, creating an online presence that reflects the brands's identity. This experience taught me the importance of patience, collaboration, and a methodical approach to problem solving - skills that I will carry forward into future projects.

STRATEGY

VISUAL IDENTITY
The visual identity of The Tilted Glass combines a dark, moody palette with subtle texture and bold imagery to evoke the sophistication and secrecy of a modern speakeasy.
The visual identity of The Tilted Glass combines a dark, moody palette and subtle texture with bold imagery to evoke the sophistication and secrecy of a modern speakeasy.

THE HOMEPAGE
The homepage features a bold hero container with a captivating image of the bar with sleek typography, immediately immersing users in the mystique of The Tilted Glass.
The homepage features an eye-catching image of the bar with sleek typography, immediately immersing users in the mystique and exclusivity of The Tilted Glass.

NAVIGATION
Add paragraph text. Click “Edit Text” to update the font, size and more. To change and reuse text themes, go to Site Styles.
The navigation is streamlined with clear menu options to help guide visitors throughout the key sections of the website, while maintaining the site's sophisticated aesthetic.

MIXOLOGISTS
Add paragraph text. Click “Edit Text” to update the font, size and more. To change and reuse text themes, go to Site Styles.
The mixologists are an integral part of the experience at The Tilted Glass. This section spotlights the artistry and expertise of each cocktail creator with elegant profiles.

OPTIMIZATION
Add paragraph text. Click “Edit Text” to update the font, size and more. To change and reuse text themes, go to Site Styles.
This emphasizes the website's responsive layout, efficient performance and enhanced accessibility, delivering a robust experience for all users across all devises.