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.
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.