Dehurdle

Dehurdle is a mental wellness mobile app designed to elevate growth through personalized coaching tailored for corporate executives and professionals. We created an intuitive and motivating interface that aligns with Dehurdle’s vision of helping people overcome life’s hurdles. By leveraging clean design and a thoughtful, engaging aesthetic, the platform empowers users to build resilience and track their progress.

We focused on discovering the core of Dehurdle’s mission and aligning it with user expectations. We conducted brand workshops and stakeholder interviews to uncover essential details like the brand’s personality (confident yet approachable), the motivation behind the product, and its target audience i.e. busy corporate professionals seeking clarity. This groundwork ensured every design decision stayed true to Dehurdle’s purpose and resonated with its audience.

We curated a moodboard to explore diverse design elements and visual styles that reflected Dehurdle’s mission of clarity and growth. Inspiration came from industries like wellness, education, and corporate tools. Using the insights from the brand discovery phase, I experimented with typography, iconography, and color palettes that balanced professionalism with warmth. The goal was to create a visual identity that inspired trust while remaining approachable.

We developed multiple UI concepts starting with Crazy 8's to visual design showcasing variations in layouts, color schemes, typography, and interaction styles. Each concept was designed to emphasize simplicity and focus, reducing cognitive load for busy professionals. Two key iterations focused on improving the "assessment and coaching journey" user flow, ensuring accessibility and engagement. Involvement of all the stakeholders was integral in refining these concepts and selecting the one that best represented Dehurdle’s brand values.

Once the UI concept was finalized, we built a robust design system. This system included reusable components like buttons, modals, and progress trackers that maintained consistency across the app. This system not only streamlined the design process but also enabled seamless collaboration with developers.

Here we transformed the wireframes into visually compelling UI designs using the established style guide and component library. The emphasis was on creating a polished and cohesive look that aligns with Dehurdle’s branding. Every screen was designed to ensure a seamless user experience, maintaining clarity and engagement throughout the user’s journey. By leveraging thoughtful typography, vibrant color schemes, and consistent design patterns, the final designs not only enhanced usability but also captured the essence of Dehurdle’s mission.