Jodel//social media app
Product design(UX, UI) end to end (B2C design for social media), building communities, mobile design. visual design, design strategies, UX/UI development, user research, user testing, animations design, design system
The main feed of Jodel app is based on its special colour palette that personalises every user.
The palette is an important part of the product since the starting days of the app’s brand identity.
The main cell is characterised by minimal design and clear communication and the post detail screen by clear grouping and visual hierarchy.
Jodel’s mobile app interface focuses on community discovery and personalised content.
The main screen shows a list of communities trending near the user, categorized and displayed with large, engaging thumbnails.
Key features highlighted include a "Discover" filter for intuitive navigation, horizontal scrolling for enhanced visual communication, and personalised content tailored to different user personas.
The interface emphasises proper hierarchy and grouping to ensure users can easily find and join communities relevant to their interests.
The overall design is modern and user-friendly, encouraging exploration and engagement within various community channels.
Impact & Takeaway
As the end‑to‑end product designer for Jodel, I led the mobile experience transformation by introducing a dynamic, user‑personalized color palette that elevated the everyday browsing experience and reinforced brand identity. I crafted a sleek, minimal main feed and a carefully structured post‑detail layout that enhanced visual hierarchy and clarity. By designing an accessible dark mode in response to real user demand, I reinforced Jodel’s inclusive design ethos. The result: a more engaging, community‑focused app with improved discoverability and emotional resonance. From this project, I learned the power of merging visual identity with accessibility—understanding that a well‑designed interface can celebrate brand personality while keeping inclusivity at its core.
The dark mode prioritises user interaction and engagement with a modern, intuitive design while ensuring visual comfort and efficiency.
The creation of dark mode came not only as an accessibility issue but also as an addition to the brand identity of Jodel since a lot of users were demanding a less colourful and serious palette in combination with the primary design.
The reactions section (available in both modes), accessible via a separate screen, offers a range of expressive emoticons such as "Haha," "Wow," "Sad," and "Hug," with some reactions requiring credits.
Design strategy" pyramid, detailing the key elements of a comprehensive design approach. The pyramid is divided into five hierarchical levels, each representing a crucial aspect of the design strategy:
Agile team:
Design thinking
Data driven
Community involvement
User testing:
Each level builds upon the previous one, creating a robust and user-centric design strategy that leverages agile methodologies, innovative thinking, data insights, community engagement, and thorough testing.
The methodology integrates Design Thinking, Lean, and Agile approaches to create a cohesive process for product development.
It starts with Design Thinking, where the goal is to explore the problem by empathising with users, defining the problem clearly, and generating creative solutions.
This is followed by the Lean approach, which focuses on building the right thing by quickly validating ideas through testing.
Finally, Agile methodology is applied to build the thing right, emphasizing iterative development and continuous feedback.
Lean UX bridges Design Thinking and Agile, incorporating continuous testing and feedback into the iterative cycles, ensuring the product is aligned with user needs and built efficiently and effectively.
From Structure to Design
Developing low-fidelity prototypes was an essential step in shaping the final outcome of this project. These early sketches allows to quickly test different approaches to structure and interaction, without being distracted by details of color or style. Working in this way highlighted what felt intuitive in the user flow, and where adjustments were needed to improve clarity and usability. This process not only supported faster iteration but also gave a clearer understanding of how the app’s features should be prioritized. The insights gained at this stage directly informed the composition of the final high-fidelity screens, ensuring that design decisions were grounded in functionality as well as visual consistency..