UX and UI design for ShoutOut VIP
For ShoutOut VIP, we redesigned the UX and UI of the video message platform and captured everything in a design system for the in-house team.
Deliverables
- UI/UX design
- Design system
- Design documentation
Tech stack
- Figma
ShoutOut VIP connects fans with Dutch celebrities for personal video messages. The platform was growing, but the user experience and the brand were lagging behind. Your Tech Club redesigned the UX and UI and handed it over to ShoutOut VIP's in-house development team.
What needed to improve?
A growing platform with an experience that hadn't grown with it. Two audiences need each other, fans and Dutch celebrities, and they expect different things from the same environment. The brand also had to be recognisable beyond the Netherlands.
Designing for a team that builds in-house
ShoutOut VIP builds its own product. A design that arrives at handover as nothing more than nice screens gets diluted along the way: every developer fills the gaps in their own way. So the delivery wasn't just a set of screens, but a design an in-house team can carry forward without a designer.
What did we build?
A new interface, developed through research and iterative design rounds, with the user journey worked out for both sides. Around it, detailed documentation and a design system with components, colours and states, plus regular contact with the team during the build.
What did it deliver?
A relaunch of the platform with a brand identity that is recognisable internationally. The in-house team builds on a defined set of components, so new screens stay within the same design language, even without a designer involved.
Get in touch with us directly. We'll get back to you as soon as we can
Your message goes straight to our team in Amsterdam.Who made the ShoutOut VIP website?
Your Tech Club did the UX and UI design, the design system and the design documentation. The build was done by ShoutOut VIP's in-house development team, with guidance from us during development.
What did Your Tech Club build for ShoutOut VIP?
We redesigned the platform: the user journey for both fans and Dutch celebrities, the interface, and a design system with documentation that the in-house team could build from.
Can you just do the design and leave the build to our team?
Yes. At ShoutOut VIP we did the UX and UI and the in-house team built it. That works when the design is captured in documentation and a design system, so developers don't have to interpret.
How do you stop a design from being diluted during the build?
By defining components, spacing and states instead of only delivering flat screens, and by staying in touch during the build. That way decisions stay traceable instead of being made on gut feeling.
What exactly is a design system?
A defined set of colours, typography and reusable components. It makes a design something another team can build, and keeps it consistent as the product grows.