Cafe Website

Overview

This is a personal project I worked on for a virtual cafe. I combined my love for coffee and design to create an aesthetically pleasing cafe website. With meticulous attention to detail and a dedication to aesthetic excellence, I crafted a website design that not only showcases the allure of coffee culture but also captivates visitors with its visual charm using Adobe XD and Illustrator.

Objectives

Luna Espresso Bar

My objectives for this website was to create a consistent design system that fully encapsulated my vision of an astronomy themed cafe. I wanted to create a homepage, contact page, a menu page, an about page and finally a page for promotions. Montreal has a booming cafe culture with many unique cafes across the city. I took inspiration from a few cafe websites in Montreal such as Leaves Cafe and Tommy Cafe.

Style Guide

Colours

Primary Colours

#b8bed6

#e7d6e9

#f4e9c1

#ffffff

Secondary Colours

#5d4c9f

#e5bfda

#fbcfcb

#f3f2e6

Typograhpy

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

0123456789

Typeface

Blackberries

Typeface

Sitka

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

0123456789

Logo Design

For the logo design I took inspiration from the stars and the moon. Since the name of the cafe is Luna espresso bar I wanted to combine designs of the moon and coffee to create a harmonious and aesthetic design. I used Adobe Illustrator to create the final logo on the left.

Final Concept