TM_05 — bruschystudio

Ideation

Design Insights from Visual & Structural Patterns

To guide our design decisions, we analyzed platforms offering food-related and social experiences—focusing on how they communicate value and shape user behavior.

We identified six key takeaways:

Strong hero sections that immediately highlight event value
Visuals and copy that emphasize emotional and social connection
Human-centered imagery to set expectations and drive engagement
Clear content structure for intuitive navigation
Strategic CTAs that reduce friction and guide actions
Mobile-first design for seamless access—especially relevant for our user persona, Javier, who typically discovers and books experiences via his phone

These insights provided a strong foundation for rethinking how Terapia Mediterránea can better communicate its value and support users throughout their journey.

Lo-Fi Wireframes

Designing for Satisfaction, Retention & Engagement

To enhance user satisfaction and long-term engagement, we designed a new experience aligned with Terapia Mediterránea’s mission.

Grounded in user needs and competitive insights, we focused on two key flows:

A booking flow that clearly communicates event details—covering schedule, food experiences, and social elements.
A follow-up flow that provides access to resources supporting continued learning and daily integration.

We adopted a mobile-first approach, reflecting both our user persona Javier’s habits and consistent trends identified in our competitive analysis.

Mid-Fi Wireframes

We turned user flows into mid-fidelity wireframes to define structure, features, and content. This helped us surface the most relevant information to clearly communicate event value and guide users through booking and follow-up.

Key focus areas included

Terapia Mediterránea’s core values

Filters for easy event exploration

Clear and engaging event details

FAQs for common user questions

Accessible contact options

Follow-up materials to encourage continued learning

Usability Testing

We tested booking and follow-up flows with four potential users to assess clarity, navigation, and content relevance. Findings led to improvements in content structure, button labels, and access to follow-up materials.

Overall Feedback
The experience felt intuitive, but users highlighted the need for better booking options and instant support to build trust and engagement.
“Not being able to contact someone during the process when I have a question and want a quick answer is a pain for me.”
“Having to create an account is really frustrating for me. I prefer to book quickly without going through extra steps.”

Brand & Identity

Before presenting the final design, let’s revisit the core elements we worked with. Terapia Mediterránea had already defined key brand attributes—core traits that express their personality, values, and identity. These elements shape how the brand is perceived and set it apart from competitors.

The TM logo, color palette and typography play a central role in the brand’s identity—shaping perception and creating emotional resonance and offering versatile combinations that reflect TM’s warmth, vitality, and human-centered approach.

Final UI Design

Building on everything we've explored so far—Research, Usability Testing, Brand Identity and Concept—we defined a set of clear Design Principles to guide our visual and interaction decisions.

In summary, these are the key elements:

Color Palette: We prioritized clarity and accessibility, using a light beige background paired with dark blue typography for strong contrast.
Button Hierarchy: Primary actions are highlighted with a deep, vibrant orange, while secondary buttons remain white—clearly reinforcing visual hierarchy.
Consistent Patterns: We applied brand patterns consistently across screens to create visual coherence and reinforce identity.
Layout: A clean, minimalistic layout ensures content remains clear and user-friendly.

Prototype

With our design principles defined and aligned with both user needs and brand identity, we translated our vision into a functional high-fidelity prototype. This prototype brings the experience to life—demonstrating how users can seamlessly explore events, book their spot, and access meaningful follow-up content. It reflects our commitment to clarity, emotional connection, and ease of use across all touchpoints.

First Flow Prototype

Second Flow Prototype

Reflection

Working on this project was not only a valuable design challenge but also a deeply rewarding collaborative experience. From the very beginning, our team brought a shared sense of purpose and curiosity that made every phase—from research to prototyping—engaging and energizing. Each team member contributed unique strengths, and our open, supportive dynamic played a huge role in shaping the final outcome.

Collaborating with Terapia Mediterránea was a true pleasure. The client was generous with their insights, open to ideas, and genuinely committed. Their passion for connecting food, well-being, and community inspired us at every step.

We’re also incredibly grateful for the guidance and encouragement of our teacher, Nicky, whose support helped us navigate challenges and stay focused on delivering real value. This project reminded us how powerful human-centered design can be when it’s rooted in empathy, collaboration, and purpose.

Write Me