Creation of "Bread Sydney"
I designed and built an entire online business website from scratch. From having the initial idea to selling my very first bread (sourdough) took 1.5 weeks. This project tested my ability to prioritise and come up with viable solutions quickly. Bread Sydney is the result.
Technology used for this project: Vue.js & Vuetify, Node.js & Express, Twilio SendGrid Node.js, Firebase Realtime Database
Technology used for this project: Vue.js & Vuetify, Node.js & Express, Twilio SendGrid Node.js, Firebase Realtime Database
The idea behind selling sourdough
Most breads I come across in supermarkets are made using highly industrialised yeast and contain 10 or more ingredients of which a handful are unnatural.
This is where sourdough tops the list for healthy bread choices. It’s the only type of bread that contains "natural yeast".
In fact, sourdough gets its “sour” taste from fermented natural yeast and bacteria that can be found in our environmnet. Hence sourdough was chosen as the product for Bread Sydney.
This is where sourdough tops the list for healthy bread choices. It’s the only type of bread that contains "natural yeast".
In fact, sourdough gets its “sour” taste from fermented natural yeast and bacteria that can be found in our environmnet. Hence sourdough was chosen as the product for Bread Sydney.
Intuitive Design
A one-page design was chosen for the best user experience. Customers learn about the product as they make their way down the page.
This helps the customer focus as they never have to leave the page to get all the information they need to make a purchase.
The button to “order” is always visible such that they can skip to the order form as soon as they’re ready.
This helps the customer focus as they never have to leave the page to get all the information they need to make a purchase.
The button to “order” is always visible such that they can skip to the order form as soon as they’re ready.
Engaging Copy
The brand Bread Sydney was chosen for its simplicity. It’s very easy to remember and hence increases the chance of customer revisits.
The Title “Four ingredients. Infinite health benefits.” immediately captures attention and a customer would be made curious about what these “four ingredients” are, leading them to read on.
For customers who skim the entire page, text is made bold strategically such that if they only read the bold text, they will also get a good understanding of the whole product.
The Title “Four ingredients. Infinite health benefits.” immediately captures attention and a customer would be made curious about what these “four ingredients” are, leading them to read on.
For customers who skim the entire page, text is made bold strategically such that if they only read the bold text, they will also get a good understanding of the whole product.
An ordering process that drives customer confidence
Interactive order form
Prices, instructions, dates as well as other options update in real time as the customer picks each choice.Advanced date picker
The date picker disables unavailable dates for the customer's convenience:- First 3 days are disabled (orders must be placed at least 3 days in advance)
- For delivery, all week days are disabled
- For pick-up, all days are enabled
- Days are also enabled based on bread availability
Automatic form validation
The order button is only enabled once all fields are filled in. This gives the customer confidence that their order is valid.Automated email confirmations
Upon placing an order, a customer is redirected to their order confirmation page which is generated with a unique URL.A copy of this unique URL is also automatically emailed to them.
The method used here to generate a unique order URL was inspired by my Quote & Invoice generator.
Future plans
Plans to continuously improve this project include:
- Design of website: look and feel will become more prestigious over time
- Administration system interface: admin system will be built to continuously automate workflow
- Products & Articles: articles may be added as well as additional products that can be sold