Golden Hearts Retrievers: A Website Redesign
Role: User Research, UX/UI Design, Graphic Design
Timeline: May 2023 (2 weeks)
What is Golden Hearts Retrievers?
It's a small, family-operated business that specializes in breeding golden retrievers and is located in NC, USA.
The Problem
-
Lack of clarity in presenting the business overview and difficulties in navigating certain sections.
-
Issues with photo gallery: absence of captions.
-
Testimonials section: overwhelming content.
Project Goals
-
Improving clarity, navigation, and engagement.
-
Address identified challenges to create a more intuitive and compelling platform.
-
Effectively showcase the business and its offerings to potential customers through a refined website experience.
Current Web Design
Home Page
Testimonial Page
Gallery Page
Contact Page
Available/Upcoming Puppies Page
Competitive Analysis Report
Carolina Goldens
Carolina Country Goldens
Hyatts Goldens
Combined Strengths:
1. Compelling 'About' section with a personal touch.
2. User-friendly navigation bar for easy access to content.
3. Comprehensive information provided about lineage, coat colors, and upcoming litters.
4. Welcoming logo representing the brand with visual finesse.
5. Essential information provided for available puppies, including Date of Birth and parents' details.
Combined Weaknesses:
1. Suboptimal page layout leading to a suboptimal user experience.
2. Limited contact options with only an email address available.
3. Non-functional videos and unlabeled images in the media content slideshow.
4. Color scheme and thematic elements pose challenges in readability and accessibility.
5. Fragmented user experience with frequent page redirection, lack of specific timeline and visual references for past litters, undisclosed adoption pricing, and confusing categorization of available puppies.
Site Map
Updated
-
Home
-
Photo Gallery
-
Available Puppies
-
Testimonials
-
Contact
-
Home
-
Puppies (formerly "Available Puppies")
-
Upcoming
-
Gallery (formerly "Photo Gallery")
-
About
-
Contact
Sketching
Sketches of the initial improved design were created to present a visually compelling vision to the client, showcasing potential enhancements and generating excitement for their review and feedback.
Home Page
![20230528_173013[1]_edited.jpg](https://static.wixstatic.com/media/22e966_51c82f1a455a492eb9c1542b1ff0c5d6~mv2.jpg/v1/crop/x_56,y_26,w_847,h_2922/fill/w_57,h_196,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/20230528_173013%5B1%5D_edited.jpg)
Media Page
About Page
Puppies Page
![20230528_173751[1]_edited.jpg](https://static.wixstatic.com/media/22e966_dc7c8afc38eb4645845db670fea149d9~mv2.jpg/v1/crop/x_0,y_0,w_1827,h_3000/fill/w_53,h_88,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/20230528_173751%5B1%5D_edited.jpg)
![20230528_174827[1]_edited.jpg](https://static.wixstatic.com/media/22e966_e4f8d7b6425b4f099baa3257331042fc~mv2.jpg/v1/fill/w_61,h_131,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/20230528_174827%5B1%5D_edited.jpg)
![20230528_180004[1]_edited.jpg](https://static.wixstatic.com/media/22e966_bb77826f05aa40c8b13bb5ec632cd9b7~mv2.jpg/v1/crop/x_56,y_30,w_826,h_2933/fill/w_56,h_198,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/20230528_180004%5B1%5D_edited.jpg)
Upcoming Page
Contact Page
![20230528_180750[1]_edited.jpg](https://static.wixstatic.com/media/22e966_9b60ec0c88d24dd4be5263c8de95a91a~mv2.jpg/v1/crop/x_0,y_40,w_1443,h_2960/fill/w_64,h_131,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/20230528_180750%5B1%5D_edited.jpg)
![20230528_181209[1]_edited.jpg](https://static.wixstatic.com/media/22e966_3ccd8f37b27b4ea78a5e452d409f3913~mv2.jpg/v1/crop/x_63,y_0,w_1944,h_3000/fill/w_62,h_95,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/20230528_181209%5B1%5D_edited.jpg)
Color Palette and Typography
Switching to the Inter font was a better choice than the original Arial, Helvetica, and Sans-Serif fonts. Inter is versatile, modern, and easy to read. It also adds a unique touch that aligns well with the golden retriever breeders' website, making it more memorable and effective for users.
Updated
Original
Low Fidelity Wireframes
After completing the sketching phase, low fidelity wireframes were developed to enhance the visualization of the new website design. These simplified representations provided a clearer understanding of the layout and structure before proceeding to the higher fidelity stages of development.
Home Pg
Gallery Pg
Puppies Pg
About Pg
Upcoming Pg
Contact Pg
High Fidelity Wireframes
Next, high fidelity wireframes were created to showcase the new website design to the client. These detailed wireframes accurately represented the chosen color palette, typography, and overall visual style, providing the client with a realistic preview of the final design and enabling informed decision-making and feedback.
Home Page
Individual Puppy Page
Gallery Page
Contact Page
Puppies Page
Upcoming Page
About Page
Prototype
I invite you to explore the prototype of the websites NEW design I have created for my client's existing website. This exciting update aims to deliver an engaging and user-friendly online experience. You can access the prototype and witness the transformative changes firsthand.
Usability Testing
The user testing for the new website design yielded positive feedback from participants, highlighting the excellent usability and user experience of the design.
Users found the interactive design to be intuitive and efficient, the contact form easy to use for inquiries, and appreciated the inclusion of customer testimonials that built trust and credibility.
This positive feedback confirms that the design successfully caters to the needs and expectations of visitors seeking their ideal furry companions.
