Donatellos Pasta

Website Design & Project Management| 2019

LIVE WEBSITE

PROJECT OVERVIEW

What

Italian pasta restaurant founded in Vancouver.

Why

The goal of this website was to create a company website using the agile project management methodology.

Who

Tool

HTML, CSS, Javascript, JQuery , Codepen

When

March 2020

PROCESS

PHASE ONE

PLANNING

This project started out by selecting an industry that we could successfully create a website for. This project was to be completed in an agile methodology and as the scrum master, my job was to set the expectations for the deadlines and deliverables. After coming to an agreement on the industry , we then moved on to creating user stories.

donattelo planning image

PHASE TWO

RESEARCH

Our main focus when generating user stories was to find some of the most common pain points that restaurant websites shared. In order to create a broader view , we separated the user stories by user and by owner. User being the actual visitors of the website, and owner being the stakeholder.

Donatellos User Stories

PHASE THREE

SASS

With two developers on the team, we decided to use SASS as our css framework. The decision for this was to familiarize ourselves with the technology and to set variables in the document to reduce the replication of code. Using Sass was a great way to save us time in writing out CSS. Due to the size of our website, breaking up our code into components felt necessary in order to remain efficient.

Sass logo image
Donatello different device view

PHASE FOUR

TESTING

Making sure my website reacts the same on multiple browsers is a vital aspect to every website I create. I did testing on browsers like Firefox, safari and chrome and made sure there weren’t any discrepancies in the sites functionality or design.

LINK TO LIVE WEBSITE