Client name: Bloom Valley Nursery
The Bloom Valley Nursery website was designed to create an inviting, user-friendly experience for customers looking for plants, garden tools, @@ -16,7 +16,7 @@ accessibility, ease of use, and a clean, professional look, utilizing a color palette and typography that reflect Bloom Valley Nursery\'s commitment to nature and community. -**Color Palette and Logo Choice:** +Color Palette and Logo Choice:
The color palette used for the website includes shades of green, light teal, mustard yellow, and white, carefully selected to evoke a sense of @@ -40,7 +40,7 @@ shape of the logo image in this color as a subtle comparison to the Sun. The aim was to strengthen the association of Bloom Valley Nursery with nature and environmental sustainability. -**Font Color Choice:** +Font Color Choice:
The font color choices are designed for high contrast to ensure readability, while also aligning with the natural and professional @@ -52,7 +52,7 @@ aesthetic of the brand: - #96BAA0 (Meadow Mist): Used for subheadings and accents, maintaining a soft but readable contrast. -**Typography Choice:** +Typography Choice:
The typography used on the website was selected to create a balance between modern and rustic elements: @@ -63,27 +63,23 @@ between modern and rustic elements: - The font sizes are responsive, with larger text for headings to create emphasis and smaller, easily readable text for body content. -# +1. Mobile Wireframes
2. Desktop Wireframes
Home Page
[**Click Here for the Homepage**](https://stackblitz.com/edit/stackblitz-starters-rdsfw2?file=index.html) The homepage features: @@ -109,7 +105,7 @@ The homepage features: - Navigation to the **Gallery Page** via category-specific links, allowing users to explore products by category. -**2) Gallery Page: [Click Here for the Gallery +2. Gallery Page
[Click Here for the Gallery Page](https://stackblitz.com/edit/stackblitz-starters-rdsfw2?file=gallery.html)** The Gallery Page features: @@ -125,7 +121,7 @@ The Gallery Page features: modal. A confirmation dialogue ensures users are aware before clearing their cart or processing their order. -**3) About Us Page: [Click Here for the About Us +3. About Us Page:
[Click Here for the About Us Page](https://stackblitz.com/edit/stackblitz-starters-rdsfw2?file=about.html)** The About Us Page features: @@ -138,7 +134,7 @@ The About Us Page features: feedback, with input validation in place to ensure all fields are properly completed before submission. -**4) Custom Page: [Click Here for the Community Events +4. Custom Page:
[Click Here for the Community Events Page](https://stackblitz.com/edit/stackblitz-starters-rdsfw2?file=community.html)** The Community Events Page features: @@ -154,6 +150,8 @@ The Community Events Page features: Nursery participates, along with details on how customers can inquire for more information. +1. Homepage
-**Homepage:** +Homepage:
 @@ -438,16 +447,16 @@ initiatives.  -**Subscribe feature:** +Subscribe feature:
**Subscribe feature input validation:** +   - -1) **Gallery Page** +2. Gallery Page
**Gallery page:** @@ -501,7 +510,7 @@ processed):**  -1) **About Us Page** +3. About Us
**About Us page:** @@ -524,35 +533,28 @@ processed):**   -4) **Custom Page** +4. Community Events
- + - + - + -# Description of Issues +Current issues:
-## **Major redesign and project overhaul:** +- **Add-to-Cart Alert:** I noticed while taking screenshots of the necessary + components and functionalities of the Gallery Page that the alert which + appears each time an item is added to the cart has reverted to the browser's + default pop-up alert. -- Approximately three weeks into the project, after running into - problem after problem with the CSS and JavaScript aspects of the - project, I decided to restart the website with a completely new - design, theme, and approach to better align with the client's - branding and goals while making sure accessibility was a genuine - priority. +Previous issues fixed:
- **Font contrast problems**: Adjustments were made to ensure all text has sufficient contrast against the background, improving @@ -570,3 +572,18 @@ processed):** dynamically added shadows to elements based on their proximity to the logo was abandoned due to the redesign and time constraints. The new design and theme focused on simplicity and accessibility. + +Major redesign and project overhaul:
+ +- Approximately three weeks into the project, after running into + problem after problem with the CSS and JavaScript aspects of the + project, I decided to restart the website with a completely new + design, theme, and approach to better align with the client's + branding and goals while making sure accessibility was a genuine + priority. + +- Despite this major change, I successfully completed the entire + overhaul in one week, ensuring the intended functionality of the original design was preserved + while improving accessibility and visual appeal.