Diana’s Grove // Website Redesign
What is Diana’s Grove?
Diana's Grove, led by Cynthea Jones and Patricia Storm, epitomizes a harmonious blend of metaphysical wisdom and psychological insight. With a focus on empowerment and self-discovery, they guide clients through transformative experiences, offering tarot consultations, astrological insights, and captivating blog teachings. Their handcrafted jewelry collection reflects the essence of magic and metaphysical energy. At Diana's Grove, clients find a sanctuary to explore their true selves, unlock their potential, and embark on journeys of personal growth and enlightenment.
Objective: My goal for this project was to create a refreshed online brand identity for Diana's Grove, emphasizing usability and an aesthetically pleasing design to immerse users in the brand's universe. This included prioritizing functionality and implementing a clean information architecture to ensure a seamless user experience.
Skills Used
Competitive Analysis
UI Design
Wix
High-Fidelity Prototyping
Information Architecture
Adobe Suite
Branding
Figma
4 Phase Approach
-
Stakeholder Interviews
Conducted interviews with stakeholders to understand their goals, expectations, and pain points.
Gathered insights on target audience demographics and preferences.
Competitor Analysis
Researched and analyzed competitors' websites to identify industry trends and best practices.
Evaluated strengths and weaknesses to inform my redesign strategy.
1
-
Project Scope
Defined the scope of work including deliverables, features, and functionalities.
Established timelines and milestones for the project.
Information Architecture
Created a site map (shown below) to organize the structure and navigation of the website.
Defined content categories and hierarchy based on user research and stakeholder input.
Wireframing
Developed wireframes to visualize the layout and functionality of key pages.
Iterated on wireframes based on feedback from stakeholders and usability testing.
2
-
Visual Design
Created mood boards and style tiles to establish the visual direction of the website.
Designed high-fidelity mockups for desktop and mobile interfaces.
Branding
Updated the website's branding elements including logo, color scheme, and typography.
Created a new brand identity for the brand to use across platforms to ensure a consistent user experience.
3
-
Building on Wix
Converted my design mockups and wireframes to a responsive site using the Wix website builder.
Optimized the site for both desktop and mobile.
Site Testing
Conducted thorough site usability testing upon completing the site build to ensure a seamless user experience.
Launch and Follow Up
Conducted final checks and quality assurance before making the website live.
Provided client training and support for managing and updating the website.
4
Creating a Brand Identity System
“In redesigning Diana's Grove's brand identity, I aimed to resonate with its mystical essence through a cosmic aesthetic while simultaneously creating a cohesive brand experience with a strong focus on clarity and usability. ”
-
Drawing inspiration from metaphysical and astrological realms, I infused the brand with complementary colors and elegant typefaces. For headings, I chose a font reminiscent of ancient scribe calligraphy, blending tradition with modern sophistication, while paragraph text features a softer, inviting font. Icons were strategically used for clarity and flow, echoing the brand's ethos, and shapes were carefully selected to mirror cosmic themes. The result is a captivating experience that beckons users to explore Diana's Grove's mystical universe.
Site Map
“The original information architecture of the Diana's Grove website lacked organization and structure, presenting challenges for users navigating the site. In response, my primary objective in creating an updated site map was to instill clarity and coherence, thereby enhancing the overall user experience.”
-
By condensing and streamlining sections, removing unnecessary pages, and incorporating well-established website structure designs, I aimed to provide users with a more intuitive and efficient navigation experience. The result was a significant reduction in the number of pages and a simplified navigation bar, facilitating smoother exploration and engagement with the site's content.
Website Design
“In designing the Diana's Grove website, I leveraged the newly created brand identity and refined site map as guiding principles. My focus was on harmonizing usability, aesthetics, and creating a cohesive user experience.”
-
Drawing from the established brand identity, I ensured that design elements resonated with the brand's essence while prioritizing clarity and ease of navigation. By incorporating common design patterns, I aimed to create an instantly familiar experience for users, enhancing usability and facilitating engagement with the website's content. The result is a visually captivating and user-friendly website that seamlessly integrates the brand's identity with intuitive design principles.
Original Website Design
Website Redesign
Final Takeaways
“The redesign of Diana's Grove website was a journey guided by a commitment to enhancing user experience, aligning with the brand's essence, and creating a visually captivating platform. From crafting a refreshed brand identity to refining the site map and designing the website, every step was meticulously planned and executed.”
-
Key takeaways from this project include:
Emphasizing User Experience: Prioritizing usability and clarity throughout the design process resulted in a more intuitive and engaging website for users.
Aligning with Brand Essence: Drawing inspiration from metaphysical and astrological realms, the redesigned brand identity and website design reflect the mystical nature of Diana's Grove.
Streamlining Site Structure: By condensing and simplifying the site map, we enhanced navigation and accessibility, ensuring a smoother user journey.
Balancing Aesthetics and Functionality: The design seamlessly marries aesthetics with usability, creating a visually appealing and functional platform that invites users to explore and engage.
Overall, the project's success lies in its ability to create a cohesive and immersive online experience that resonates with the brand's ethos while prioritizing user needs and preferences. As Diana's Grove continues to evolve, this project serves as a testament to the power of thoughtful design in shaping digital experiences.