Elena Venieri Portfolio

Diastasi Guts

Imagine struggling with Diastasis Recti after pregnancy, feeling lost and overwhelmed by confusing information. Diastasis Hub can be your calming guide.

Elena | 2 Apr 2024






UX & UI designer


The challange

Existing Diastasis Recti resources offered valuable content, but lacked a central hub with easy-to-understand, patient-focused information.

The goal

Create a comprehensive, informative, and supportive website for women recovering from Diastasis Recti.

Unearthing the problem

A competitive analysis revealed a fragmented landscape of websites on Diastasis Recti.

While these resources offered a wealth of information, crucial gaps existed:

    • Lack of a centralized hub for easy access.
    • Complex medical jargon making information difficult to understand.
    • Absence of a supportive community aspect.
A User-Centered Approach

We recognized the need for a user-friendly platform catering to women experiencing Diastasis Recti.

Facing the design obstacles
Crafting a Supportive Experience
Building a Supportive Community

Future iterations may explore integrating a forum or community features to foster connections and support among women experiencing Diastasis Recti.

The process has 5 steps. I focused on the middle 3: user flow, wireframe and UI design

The process


The Discover phase commenced with a thorough competitive analysis, revealing a landscape of websites dedicated to diastasis recti. While these resources offered a wealth of information, a critical gap emerged: the lack of a centralized hub that seamlessly integrated comprehensive, easy-to-understand, and patient-centric content. This insight paved the way for the creation of Diastasis Hub, a platform designed to address this unmet need.



To establish a clear and intuitive website structure, I utilized Relume, an AI-powered tool. Relume‘s capabilities proved invaluable in generating an initial sitemap draft swiftly. This draft served as a solid foundation for further refinement directly within the tool. I seamlessly integrated both manually added sections and AI-generated suggestions, ensuring a well-structured and user-friendly website.

While AI tools like Relume offer remarkable efficiency, it’s crucial to acknowledge that their output may require refinement. A good percentage of the content produced is simply ‘too much’, sometimes to be edited, often to be deleted. But it is a good starting point.


I leveraged Relume’s AI capabilities to swiftly generate initial wireframes, capturing the website’s overall structure and layout. These wireframes served as a foundation for further refinement in Figma, where I meticulously crafted each page, ensuring a seamless user experience.

A preview of the wireframes, in desktop and mobile version
UI design

The UI design for Diastasis Guts was meticulously crafted to foster a welcoming, informative, and engaging user experience. A soothing color palette, carefully selected typography, and thoughtfully curated illustrations were employed to create a visually appealing and consistent aesthetic that aligns with the website’s overall branding.

My takeways

Skip to content