Jdeme Žrát
Mobile app design for the Jdeme Žrát YouTube channel
About the project
Jdeme Žrát is a mobile app design for the YouTube channel of the same name. The goal was to make content creation easier: the app pulled notifications from every social network the channel posts on into one place, so the creator did not have to switch between apps to keep up with comments and messages. The second part was an interactive map of every venue the creator visited while filming, each with ratings for the individual dishes, so viewers could find the exact spot from a video and see what was worth ordering. The project reached the stage of a complete UX/UI design in Figma as a prototype ahead of a possible build, the actual development has not happened yet. The planned tech stack included Flutter for the mobile app, a .NET backend, and an MS-SQL database.
Project information
- Client
- Internal project
- Platform
- Mobile application
- Status
- Completed
- Development time
- 2 months
- Year
- 2023
Technologies used
Check out the stack I used for this project
- Frontend
- FigmaFlutter
- Backend
- .NETC#
- Database
- MS-SQL
Key features
Notifications from every social network the channel uses, in one place
Interactive map of visited venues
Ratings for individual dishes at each venue
Complete UX/UI design in Figma
Design system with components and styles
Screens for registration, login, and profile
Planned architecture: Flutter + .NET + MS-SQL
Challenges
- 01
Merging notifications from different social networks into one clear feed
- 02
Designing a map with a large number of places that still stays readable
- 03
Combining features for the creator (notifications) and for viewers (the map) in one interface
- 04
Planning a scalable architecture for future development
Solutions
- 01
An aggregated notification feed with filtering by network and interaction type
- 02
Marker clustering on the map by zoom level, with a venue detail on tap
- 03
Separate sections in the design for the creator and for app viewers
- 04
A documented API specification for the planned .NET backend
Results
A complete Figma design ready for implementation
Validated user flows through interactive prototypes
A reusable design system for future development
A clearly documented concept for building the app later
Development timeline
From analysis to deployment - how the project evolved
3 weeks
UX research and wireframes
Analysis of both the creator's and viewers' needs, personas, wireframes of key screens
4 weeks
UI design and design system
Visual design, color palette, typography, component library
1 week
Prototyping and testing
Interactive prototypes in Figma, user testing
Have a similar project?
I'll be happy to help you build your application. Feel free to contact me for a free consultation.