Wellsir - Men's sexual wellbeing platform
Wellsir - Men's sexual wellbeing platform
Wellsir - Men's sexual wellbeing platform
This case study outlines the design process for the WELLSIR website, a sexual wellness platform targeting men in the Middle East, with a primary launch focus on the UAE. The project aims to create a supportive and engaging online community where men can learn, connect, and improve their sexual wellness in a shame-free environment.
This case study outlines the design process for the WELLSIR website, a sexual wellness platform targeting men in the Middle East, with a primary launch focus on the UAE. The project aims to create a supportive and engaging online community where men can learn, connect, and improve their sexual wellness in a shame-free environment.
User survey
Competitive analysis
Personas
Information architecture
Wireframes
High-fidelity UI
Accessibility evaluation
Role
Designer
What
Responsive Web application
Why
Freelance project
Team members
Founder, senior product designer
Category
SaaS, Healthcare
When
May 23 - July 23
Problem statement
Problem statement
Problem statement
The existing sexual wellness platforms lack a tailored experience for men in the Middle East. The challenge was to design a website that reflects the brand values of WELLSIR while providing an intuitive and engaging platform that encourages user sign-ups and participation.
The existing sexual wellness platforms lack a tailored experience for men in the Middle East. The challenge was to design a website that reflects the brand values of WELLSIR while providing an intuitive and engaging platform that encourages user sign-ups and participation.
Objectives
Objectives
Objectives
To provide a platform for men to learn about sexual wellness in a shame-free environment
To create a community where men can connect, share experiences, and support each other
To offer programs and resources to help men take charge of their sexual wellness
To encourage visitors to sign up and become members of the WELLSIR community
To provide a platform for men to learn about sexual wellness in a shame-free environment
To create a community where men can connect, share experiences, and support each other
To offer programs and resources to help men take charge of their sexual wellness
To encourage visitors to sign up and become members of the WELLSIR community
Users and audience
Users and audience
Users and audience
The target audience of WELLSIR includes men in the Middle East, with a primary focus on the UAE and other GCC countries such as KSA, Kuwait, Qatar, Bahrain, and Oman. This audience consists of men who are actively seeking to enhance their sexual wellness and are interested in learning, connecting, and engaging with a supportive community. WELLSIR aims to provide a safe and shame-free environment for men looking to take control of their sexual well-being and personal growth.
The target audience of WELLSIR includes men in the Middle East, with a primary focus on the UAE and other GCC countries such as KSA, Kuwait, Qatar, Bahrain, and Oman. This audience consists of men who are actively seeking to enhance their sexual wellness and are interested in learning, connecting, and engaging with a supportive community. WELLSIR aims to provide a safe and shame-free environment for men looking to take control of their sexual well-being and personal growth.
Team and role
Team and role
Team and role
As a designer on the WELLSIR project, I played a pivotal role in translating the vision into a tangible user experience. Collaborating closely with a senior product designer, I contributed to the iterative design process by creating wireframes, prototypes, and high-fidelity mockups that showcased the platform's evolution.
My focus on aligning the interface with the brand values and ensuring an engaging, community-driven user journey contributed to the successful creation of a modern and user-centric sexual wellness platform.
As a designer on the WELLSIR project, I played a pivotal role in translating the vision into a tangible user experience. Collaborating closely with a senior product designer, I contributed to the iterative design process by creating wireframes, prototypes, and high-fidelity mockups that showcased the platform's evolution.
My focus on aligning the interface with the brand values and ensuring an engaging, community-driven user journey contributed to the successful creation of a modern and user-centric sexual wellness platform.
User research
User research
User research
Conducting a user survey with five men provided valuable insights into their preferences and priorities regarding a sexual wellness platform. The process involved targeted questions about aspects they value the most, revealing that informative content and resources ranked highest, followed by the importance of a supportive community interaction.
The results underscored the significance of delivering quality information and fostering a sense of connection, guiding our design decisions towards creating an engaging and informative platform for WELLSIR's target audience.
Conducting a user survey with five men provided valuable insights into their preferences and priorities regarding a sexual wellness platform. The process involved targeted questions about aspects they value the most, revealing that informative content and resources ranked highest, followed by the importance of a supportive community interaction.
The results underscored the significance of delivering quality information and fostering a sense of connection, guiding our design decisions towards creating an engaging and informative platform for WELLSIR's target audience.
User persona
User persona
User persona
Creating the user persona of Ahmed Khalid involved synthesizing insights from the user survey and understanding his motivations, challenges, and behaviors. This process helped distill key user needs and expectations, allowing us to empathize with the target audience.
By embodying Ahmed's persona, the design team gains a focused perspective, ensuring that the platform's features, content, and interactions align seamlessly with his preferences, thus enhancing the overall user experience.
Creating the user persona of Ahmed Khalid involved synthesizing insights from the user survey and understanding his motivations, challenges, and behaviors. This process helped distill key user needs and expectations, allowing us to empathize with the target audience.
By embodying Ahmed's persona, the design team gains a focused perspective, ensuring that the platform's features, content, and interactions align seamlessly with his preferences, thus enhancing the overall user experience.
Competitor analysis
Competitor analysis
Competitor analysis
In analyzing the competitive landscape, several platforms stood out. Asystem captured the desired visual direction, emphasizing community engagement and user-centric design. Mojo impressed with its interactive flow and engagement features, while Mauj showcased an effective information structure. These insights from prominent competitors informed our approach to striking a balance between a community-driven, engaging, and structurally sound design for the WELLSIR platform
In analyzing the competitive landscape, several platforms stood out. Asystem captured the desired visual direction, emphasizing community engagement and user-centric design. Mojo impressed with its interactive flow and engagement features, while Mauj showcased an effective information structure. These insights from prominent competitors informed our approach to striking a balance between a community-driven, engaging, and structurally sound design for the WELLSIR platform
Information architecture
Information architecture
Information architecture
Creating a well-structured information architecture for the WELLSIR platform is crucial to ensure that users can easily navigate and access the desired content and features. The architecture is designed to align with the brand values and user needs, promoting a seamless and engaging user experience.
Creating a well-structured information architecture for the WELLSIR platform is crucial to ensure that users can easily navigate and access the desired content and features. The architecture is designed to align with the brand values and user needs, promoting a seamless and engaging user experience.
Low-fidelity wireframes
Low-fidelity wireframes
Low-fidelity wireframes
The low-fidelity wireframes phase exemplified the meticulous groundwork that underpins a successful design process. By distilling the platform's core structure and navigation into basic yet informative visuals, this phase ensured a solid foundation for the subsequent design iterations.
Engaging stakeholders, team members the wireframes were shared for feedback. This iterative stage centered on refining the structural aspects of the wireframes based on input received, ensuring alignment with the platform's objectives.
The low-fidelity wireframes phase exemplified the meticulous groundwork that underpins a successful design process. By distilling the platform's core structure and navigation into basic yet informative visuals, this phase ensured a solid foundation for the subsequent design iterations.
Engaging stakeholders, team members the wireframes were shared for feedback. This iterative stage centered on refining the structural aspects of the wireframes based on input received, ensuring alignment with the platform's objectives.
High-fidelity wireframes
High-fidelity wireframes
High-fidelity wireframes
The design process involved creating high-fidelity wireframes for the main pages: Coming Soon, Landing Page, Learn, and Community. The team iterated on the layout, hierarchy, and placement of elements to ensure a cohesive and user-centric experience.
The design process involved creating high-fidelity wireframes for the main pages: Coming Soon, Landing Page, Learn, and Community. The team iterated on the layout, hierarchy, and placement of elements to ensure a cohesive and user-centric experience.
Over 30 high-fidelity design screens have been created
Over 30 high-fidelity design screens have been created
Over 30 high-fidelity design screens have been created
Designs got through different iterations, over 100 screens have been designed in the process in order to find the best solution and style.
In the end has been decided to go with a minimalist box-like design so it would be easier for user to navigate the platform.
Designs got through different iterations, over 100 screens have been designed in the process in order to find the best solution and style.
In the end has been decided to go with a minimalist box-like design so it would be easier for user to navigate the platform.
Alignment and grid
Alignment and grid
Alignment and grid
I picked an 8-point grid for the project and set the margins within groups at 8 and 16, with margins between tgroups at 24, 32 and 40.
I picked an 8-point grid for the project and set the margins within groups at 8 and 16, with margins between tgroups at 24, 32 and 40.
Accessibility check
Accessibility check
Accessibility check
The app has been evaluated for contrast to match the AA standards of WCAG in some cases I found that the contrast can be improved
The app has been evaluated for contrast to match the AA standards of WCAG in some cases I found that the contrast can be improved
Outcome & future opportunities
Outcome & future opportunities
Outcome & future opportunities
While the project's outcome successfully addressed user needs and design objectives, the journey does not end here. The platform's success opens doors for future enhancements, including the expansion of content, deeper community engagement features, and further personalization to cater to evolving user preferences and demands.
In essence, the outcome of the WELLSIR project epitomized the effective fusion of design expertise and user-centric principles. The platform's launch stands as a testament to the potential of design to create meaningful, engaging, and supportive experiences that empower users to embark on their journey towards sexual wellness.
Key Takeaways
Key Takeaways
Key Takeaways
Designing with phase two in mind ensured a consistent user experience throughout the platform's development.
Iterative design allowed for adjustments based on user feedback, contributing to a user-friendly interface.
Conclusion
Conclusion
Conclusion
In conclusion, the completion of the WELLSIR project represents the successful culmination of a collaborative effort led by a senior product designer, resulting in the creation of an engaging and innovative sexual wellness platform tailored for men in the Middle East, beginning with the UAE. Through a meticulous design process that incorporated user insights, competitor analysis, and iterative wireframing, we have delivered a platform that embodies the brand's values, seamlessly combining informative content, community engagement, and accessible programs.
Ready to Elevate Your Project?
Let's bring your design vision to life.
Ready to Elevate Your Project?
Let's bring your design vision to life.