T
Theodore Belkebir
All projects
2024 — 2026·Pro

Wyylde

Redesigning a large social platform during a strategic pivot.

Wyylde project cover
Wy
Role
Product Designer
Duration
2024 — 2026
Team
3 dev teams · Product · 2 designers
Tools
Figma · Storybook · Amplitude · Hotjar · Screeb
72%
Rebranding adoption
+80%
Profile completion
2.9 → 3.5
User satisfaction
+2pt
Conversion
+9.5pt
DAU

Company

Wyylde is a leading European social platform for liberated sexual encounters — a safe, inclusive, judgment-free space.

72% Rebranding adoption · +80% Profile completion · 2.9 → 3.5 User satisfaction · +2pt Conversion · +9.5pt DAU — shipped to production across 5 European markets.

My role

Product Designer — embedded across 3 product teams.

  1. /01Ownership of social experiences end-to-end: Profile, Feed, Messaging, Live Video, Media.
  2. /02Partnered daily with Product Managers, developers and 2 designers across 3 cross-functional teams.
  3. /03Shaped the strategic pivot to a social-media-first product alongside leadership.
  4. /04Co-built the design system in Figma + Storybook with the front-end team — reducing design debt and unblocking parallel delivery.
Rebranding

Context & Challenge

Wyylde ran a major rebrand with Dragon Rouge to reposition the product as a social, community-driven platform — not just a dating app.

The product challenge:

  1. /01Translate a new brand into a coherent product experience on live traffic.
  2. /02Redesign core flows without disrupting the existing member base.
  3. /03Lift usability, engagement and consistency across mobile and web.
  4. /04Establish a scalable design system to support future iteration.

Scope of the Redesign

The rebranding involved a complete redesign of the following key areas:

  1. /01Home — Discover recent activities and community content.
  2. /02Profile — Explore users, assess compatibility, and initiate interactions.
  3. /03Lives — Stream and watch live video content.
  4. /04Messages — Communicate seamlessly across different interaction contexts.
Old design (Home, Profile, Live player, Messaging)
New design (Home, Profile, Live player, Messaging)

Goals

  1. /01Align the product experience with Wyylde's new brand and positioning.
  2. /02Modernize the interface to match current social media standards.
  3. /03Improve clarity, engagement, and accessibility across the app.
  4. /04Support long-term scalability through a robust and shared design system.

Design System

The design system was built collaboratively with the front-end team and two designers using Figma and Storybook.

It enabled:

  1. /01Faster and more consistent front-end delivery.
  2. /02Reduced design and technical debt.
  3. /03Better alignment between design and development teams.
  4. /04Easier scaling of new features and iterations.
Typography scale.
Color tokens.
Buttons, from Storybook.
Inputs status component.

Data-Driven Iteration

Throughout the redesign, we continuously monitored user behavior and satisfaction using:

  1. /01Amplitude for behavioral analytics.
  2. /02Screeb for qualitative feedback and in-app surveys.

This allowed us to iterate quickly and validate design decisions based on real user data.

Profile redesign

Focus Case — Profile Experience Redesign

Profiles are the most-trafficked surface on Wyylde — first impressions, engagement and connections all flow through them.

As the product pivoted toward a social-media model, the existing profile couldn't carry it. It needed to load faster decisions for visitors and let members express more.

Redesigned profile overview on mobile.

Key Pain Points

  1. /01Lack of clear information hierarchy.
  2. /02Disjointed and inconsistent navigation.
  3. /03Poor visibility of key interactions, especially on mobile.
  4. /04Overloaded and cluttered media presentation.
  5. /05Low completion rate.

Strengths

  1. /01Rich user information enabling deep self-expression.
  2. /02Multiple interaction options (messages, likes, testimonials).
  3. /03Display of followed groups and pages encouraging discovery.
  4. /04Availability and event information supporting contextual connections.
Audit of the legacy profile interface.

Data Analysis

Using Hotjar heatmaps, we identified key user behaviors:

Strong focus on visual content — 30% of clicks on the "Medias" tab.

Secondary interest in social proof and information — "Testimonials" (6%), "Infos" (4.8%).

Low interaction with key actions — "More" (4.42%), "Send a message" (4.31%), suggesting visibility or relevance issues.

Design Goals

To align the profile page with Wyylde's new positioning, we focused on:

  1. /01Clear and accessible interactions (mobile-first).
  2. /02Important information visible at a glance (common interests, short bio).
  3. /03Media-first layout emphasizing photos and videos.
  4. /04Intuitive and simplified navigation.
  5. /05Clear display of followers and interactions to reinforce social proof.
  6. /06Improve completion rate.
Common interests surfaced at the top of the profile.
Media-first content layout.
Simplified profile navigation.
Profile completion meter with rewards.

Key Design Decisions

  1. /01Media-first profile layout reflecting user priorities.
  2. /02Prominent social proof (followers, interaction metrics), especially on mobile.
  3. /03Highly visible primary actions (message, follow, like).
  4. /04Simplified navigation for faster exploration.
  5. /05Mobile-first interaction patterns aligned with social media standards.
  6. /06These decisions helped transform profiles into more expressive, engaging, and interaction-driven experiences.
  7. /07Add a completion system with reward for high percentage of profile completion.
Final redesigned profile across key states.

Outcome

72%
Rebranding adoption
+80%
Profile completion
2.93.5/5
User satisfaction
+2pt
Conversion
+9.5pt
DAU

Source — Metrics collected through Amplitude and In-app surveys using Screeb.

Key Learnings

  1. /01On social products, visual content drives engagement — layout decisions follow from that.
  2. /02Simplifying primary actions on mobile moves the metric more than adding features.
  3. /03A shared design system is the unlock for shipping at this scale with 3 dev teams in parallel.
  4. /04Data-informed decisions (Amplitude + Screeb) cut debate cycles and aligned product, design and engineering.

You may also like