Skip links

Dragon Den

OVERVIEW

Challenge

A restaurant called Dragon Den which specializes in spicy cuisine needs a website for their restaurant. The challenge is to create a sense of excitement and trepidation that typically comes with eating spicy food through design.

Goal

The goals of this project are:

  • Highlight the central theme of the restaurant – spice.
  • Make it easy for users to order food from the website.

Role

This is a solo design project where I was responsible for the visual design and front-end development of the project.

DESIGN PROCESS

The Steps

01 Define the Problem

User Research
Before the Ideation phase I created a user persona to work from.

Foodie User Persona

02 Ideation

Visual Research: Colour

The colours I chose were meant to create a feeling of intensity. The main colours are based on peppers’ colours: red, yellow and green based on peppers’ colours.

Colour Style Guide

Visual Research: Typography

The colours I chose were meant to create a feeling of intensity. The main colours are based on peppers’ colours: red, yellow and green based on peppers’ colours.

Typography Style Guide

Visual Design

Dragon Den High Fidelity Screens

03 Prototype & Test

View the Dragon Den prototype here.

04 Front-End Coding

View the Dragon Den website here.

The main goal for me in the development phase of this project was to strengthen my JavaScript skills.

CONCLUSION

Summary

Outcome & Lessons Learned
The final result is a fully functional website that has a minimalistic look and feel. The website features the ability for users to calculate the price of their order as they select items. This project gave me a better handle on JavaScript and how to think through it logically.

Final Thoughts
Designing the website was a challenging and rewarding journey. While giving me more visual design experience, I got more front-end development experience and it helped me get in the mind of developers more and makes me better able to communicate with them.

Previous Project

Convo Email Provider

This website uses cookies to improve your web experience.
Explore
Drag