A sceptical buyer
Many clients still trust traditional marketing. The site has to show why short video wins, not just say it.
Marketing agency · Short-form video · Switzerland
Short videos, a site with vibe.
Vibz is a Swiss agency that makes short-form videos for brands: script, filming, editing and posting, all from one team. We designed their German-language website in Figma: seven pages on desktop and mobile, built around one action, booking a free consultation.
- Client
- Vibz
- Scope
- Website design, desktop and mobile
- Platform
- Figma
- Pages
- 7 pages, 13 layouts
The challenge
An agency for TikTok can't look like a law firm.
Vibz sells short, catchy videos for Instagram, TikTok and YouTube. Their buyers are Swiss business owners and HR teams who still think in print ads and job boards, and need to be convinced that 30-second videos actually bring customers and candidates.
The site had to feel as fast and energetic as the videos, explain three services without long text, back the claims with numbers, and lead every visitor to the same next step: a free consultation.
- Energy of social media, clarity of a business site
- Proof that short video works
- One clear action on every page
Three services
Short video marketing, social recruiting and corporate video, each with its own buyer and questions.
Mobile first
Their audience lives on phones, so every page needed a mobile layout designed, not squeezed.
How we worked
Homepage first, then every page on two screens.
The homepage set the visual language, then the inner pages followed in the same system, each one designed separately for desktop and mobile.
Structure
What a buyer needs to hear
Problems, services, proof, process, comparison, team and FAQ, in the order a sceptical buyer asks.
- Site map
- Homepage story
- German copy structure
Style
Purple to pink, bold type
A violet-to-magenta gradient from the logo, heavy rounded headlines and soft glows, so the site feels like the feed it sells.
- Colour and type
- Gradient system
- Components
Desktop
Six page designs
Home, About, Portfolio, Blog, an article template and Contact, all with the same consultation banner and footer.
- Homepage
- Inner pages
- Article template
Mobile
Every page, again
A separate mobile layout for each page plus the full-screen menu, with thumb-sized buttons and swipeable rows.
- Mobile pages
- Mobile menu
- Handoff in Figma
At a glance
0Pages designedHome, about, portfolio, blog, article, contact, menu
0Layouts in FigmaDesktop and mobile
0Services explainedVideo, recruiting, corporate
0Main action everywhereFree consultation
Hero
Mehr Reichweite? Easy!
A big two-colour headline, one line on what Vibz does, the free consultation button and a Google rating. A real person on the right and a growth badge make the promise concrete from the first second.
Problems
Your problems, our solution.
A toggle switches the same three cards between the buyer's problems and how Vibz solves them: low visibility, hard-to-reach audiences and weak engagement. One click turns pain into an offer.
Services
Three services, one panel.
Short video marketing, social recruiting and corporate video sit as tabs. Each shows its key benefits and what Vibz does differently, from full-service production to 7-day delivery.
Proof
Data instead of adjectives.
A chart of monthly users and hours per platform, plus three stat cards on short-form video growth, shows the buyer why the format matters before asking for a meeting.
Comparison
Short video vs. traditional marketing.
A side-by-side list in the brand gradient against a plain white card: cost, engagement, reach, targeting and speed. The difference is visible before you read a word.
Inner pages
The same energy, every page.
About with mission and core values, a portfolio of video case studies, a blog with an article template and a contact page with three ways to reach the team, all ending with the same consultation banner.
Mobile
Designed for the thumb.
Each page has its own mobile layout: stacked hero with the button in reach, swipeable service and team rows, and a full-screen menu with the consultation button always at the bottom.
The whole homepage
One scroll, from hook to consultation.
Hero, logos, testimonial, problems, services, social media data, process, comparison, team, FAQ, insights and the final call to action. Every section answers the next doubt a buyer has.
Key decisions
Choices that turn a scroll into a consultation.
How do you open?
The usual answer
A showreel and a slogan.
What we did
A question the buyer already asks, "Mehr Reichweite?", and a free consultation button.
How do you sell the format?
The usual answer
"Video is the future."
What we did
Platform data, research quotes and a direct comparison with traditional marketing.
How do you show three services?
The usual answer
Three long service pages.
What we did
One tabbed panel with benefits and what makes Vibz different.
What about mobile?
The usual answer
Let the desktop layout stack itself.
What we did
A designed mobile version of every page, plus the menu.
The result
A website that moves like the videos.
7 pagesa complete site design in one visual system
13 layoutsevery page designed for desktop and mobile
One actionfree consultation on every page and in the menu
Ready to buildcomponents and styles organised in Figma
What Vibz
walked away with
- Homepage design, desktop and mobile
- About page with mission and values
- Portfolio with video case studies
- Blog and article template
- Contact page
- Full-screen mobile menu
- Gradient brand system and components
- Figma file ready for development
Your project next