pHD Feminine Health Landing Page
Project Overview
In early 2024, pHD sought to modernize its website by integrating a recent photoshoot, enhancing educational content, improving e-commerce functionality, and ensuring cohesive brand representation.
Challenges
• Stakeholder Misalignment: Differing visions between the marketing director and the photoshoot art director led to conflicting design directives.
• Technical Constraints: The desired dropdown menu functionality was not supported by the chosen Shopify theme, requiring custom coding solutions.
• Team Education: The in-house team lacked familiarity with UX/UI principles, necessitating foundational training to align on design processes.
Approach
• Stakeholder Alignment: Facilitated discussions to mediate differing opinions and reach a consensus on design direction.
• UX/UI Training: Conducted workshops to introduce the team to UX/UI concepts, emphasizing their importance in creating user-centric designs.
• Prototyping and Asset Preparation: Developed detailed website prototypes to guide the development team, ensuring alignment with design specifications, and provided all necessary assets in appropriate formats to streamline the development process.
• Custom Development: Collaborated with developers to implement the specified dropdown menu, ensuring functionality aligned with stakeholder expectations.
• Design Execution: Balanced the directive for a "clean, colorful, and crisp" aesthetic with cohesive brand elements, integrating new visuals while maintaining brand identity.
Outcome
The redesigned website successfully launched with a modernized, cohesive brand aesthetic; enhanced educational resources; improved shopping experience; and custom navigation features meeting stakeholder specifications. Efficient development was facilitated by comprehensive prototypes and well-prepared assets. This project underscored the importance of effective communication, stakeholder alignment, and adaptability in navigating complex design challenges within a corporate environment.
BEFORE
AFTER
