top of page
screencapture-127-0-0-1-50286-index-html-2023-12-11-15_52_20.png

SAKURA TRAVELS

THE BRIEF

I wanted to create a basic website to practice my CSS and HTML knowlege. 

 

 

THE SOLUTION

Cupcake Delights is a basic cooking website guiding the user through cupcake recipes to try at home. The interface is minimal and clean, this was a great way to practice my HTML and CSS when I was new to coding. 

 

COMPUTER INTERFACE EXAMPLE

screencapture-127-0-0-1-53078-origins-html-2023-12-14-17_08_22.png

SKILLS REQUIRED

figma logo.PNG
Brackets No Background.png
HTML CSS no background.png
HTML CSS no background.png

SIMPLE

INTUITIVE

COHESIVE

The website is designed to be clean and minimal

Easy to Navigate

Cohesive Design Aesthetic

 

​

THE DESIGN PROCESS

Before stepping into code I made sure to plan out the website layout through wireframes, giving me a clear understanding of the structure. Once done I transitioned into a high-fidelity prototype in Figma to design a cohesive palette and consistent aesthetic language throughout the website.

 

 

WIREFRAMING

Untitled_Artwork.png

FIGMA MOCK-UP

Figma Cupcake Delights.PNG

CODE

The code was written to be clean and structured increasing readability and ease of editing.

 

 

Capture.PNG

DESIGN AIMS

CLEAN & SIMPLE

The content of the website has been designed and structured to be clean and easy to navigate, increasing user understanding and readability. 

​

RESPONSIVE

I coded the website to be cross-platform compatible. It is coded to be suitable not only as a desktop webpage but also for phones. 

APP INTERFACE EXAMPLES

phone reactability 3.PNG
phone reactability 4.PNG
screencapture-127-0-0-1-53078-recipepage-html-2023-12-14-19_37_01.png

COMPUTER INTERFACE EXAMPLE

screencapture-127-0-0-1-50286-recipepage-html-2023-12-11-15_50_58.png
bottom of page