Overview
Purpose
The purpose of this site is to create a simple information website for my fiancee's hobby that could possibly scaled to her own small business in the future.
Audience
The target of this site is people who enjoy anything baked goods.
Branding
Website Logo
Style Guide
Color Palette
Palette URL: https://coolors.co/f0386b-ff5376-f8c0c8-e2c290-ffffff| Primary | Secondary | Accent 1 | Accent 2 | Accent 3 |
|---|---|---|---|---|
| [#F0386B] | [#FF3576] | [#F8C0C8] | [#E2C290] | [#FFFFFF] |
Typography
Heading Font: Alex Brush
Paragraph Font: Noto Sans
Normal paragraph example
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Colored paragraph example
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Navigation
Site Map
Content
Home page
The home page will contain a hero image, products and information section, and about us section. The goal of the home page is to encourage users to view the website even more and gain more clients in the process. It will display several products in the hero section to allow users and potential clients to view featured products.
Images for the Home page
Products Page
This page will contain a lot of interactivity for the web app to engage potential clients more to purchase orders. The product page will contain all of the information from different products to allow user to get to know the product even more. They will also have the option to request an order and be directed to the contact us/order page.
Images for the Page 2
Contact Us
This page will contain a form to get orders and a section for showing feedbacks from other clients. This is the page where users will be redirected from the products page to order different products that they want. In the back end, it will notify us when an order is requested.
Images for the Page 3
Wireframes
Create three wireframes for your site. One for each page and list them here
Home
This page will contain all of the content of the website. As part of a stretch challenge, I will try to incorporate a moving background.
Products Page
This page will contain all of the product details with interactivity and responsiveness
Order now / Contact Me
This contains a form to receive orders.
