Vidico — landing page redesign case study · Karine
All work

( Case study · Landing page · Video agency )

Landing page redesign for a creative video agency

Vidico's homepage had strong proof but buried it under a long scroll. I audited the page, then restructured it around one action, getting an estimate, with the showreel, client logos and results brought forward.

Year
2023
Duration
2–3 weeks
Role
UI/UX design,
UX research

( 01 ) The brief

Vidico wanted a homepage that turns visitors into briefs, without losing the proof that makes the agency easy to trust.

( 02 ) UX research

Three methods, one question: what slows a visitor down on the way to a brief?

  1. Heuristic reviewI went through the live page section by section against Nielsen's usability heuristics and rated each issue High or Medium by its impact on conversion.
  2. Content inventoryI counted every call to action, service, FAQ and portfolio tile, to see where the page repeated itself or asked too much.
  3. Stakeholder mappingI traced each requirement to its owner, so every change on the page could be explained by a business goal.

6

Filled buttons on one page with five different labels: "Get in touch", "Get an estimate", "See our work", "Learn more" and "View case studies".

13

Services in a carousel that shows about five at a time, with equal weight, so the core explainer offer doesn't stand out.

18

FAQs sitting between the visitor and the strongest offer on the page, a free video script.

( 03 ) Research findings

Ten findings from the audit, each with the change it led to.

Every point is pinned on the real homepage screenshot too. Open it in the landing page section with the Notes toggle on.

  1. Navigation

    Issue · HighThe black "Get in touch" button in the nav competes with the orange "Get an estimate" in the hero. Across the page, 6 filled buttons use 5 different labels.

    FixOne primary action. "Get an estimate" is the only filled button, and everything else is a ghost button or a text link.

  2. Hero

    Issue · MediumThe hero is a static image collage. For a video agency, there is no reel or play button above the fold.

    FixA full-width showreel player right under the headline. Buyers judge craft before they read copy.

  3. Social proof

    Issue · Medium"Trusted by 920+ brands" is a small grey caption above five logos.

    FixLogos right after the hero, with the 920+ number written into the sentence.

  4. Work

    Issue · MediumA very tall work carousel where Spotify appears in several tiles, so the work looks less varied than it is.

    FixMoved to the services page and linked from "See our work", so the homepage stays focused.

  5. Industries

    Issue · MediumFaded client names sit behind the heading, and 10 industry tiles add another layer of links before any real proof.

    FixReplaced by named client results with real numbers.

  6. Services

    Issue · Medium13 services in a carousel that shows about five at a time and is cut off at both edges. The core offer isn't highlighted.

    FixFive grouped services, with the core offer largest and design services shown as part of the same team.

  7. Results

    Issue · HighAnonymous totals (1200+ projects, 1.5 billion views) with no client attached. Counters animate up from 0, so link previews and fast scrollers can see zeros.

    FixNumbers visible at rest, each tied to a named client and linked to its story.

  8. Testimonials

    Issue · MediumThree equal testimonials with long quotes and four separate links. The outcomes aren't highlighted, so none of them stands out.

    FixOne full story with the outcome highlighted, plus role and company.

  9. FAQ

    Issue · Medium18 questions in a row push the final offer far below the fold.

    FixThe top three questions as an accordion, with the full list on the FAQ page to keep its SEO value.

  10. Final CTA

    Issue · MediumThe strongest offer, a free video script, sits last behind a vague "Learn more" button.

    FixA clear "Start with a free video script" block with the same primary action as the hero.

( 04 ) New structure

Ten sections became seven, ordered so trust builds before each ask.

CurrentUpdated
Image collage hero and a competing nav CTAOne promise, one primary CTA, showreel above the fold
Five logos under a small captionLogo row with 920+ brands in the sentence
Tall work carousel with repeated clientsMoved to the services page
13 services in a cropped carousel5 grouped services, core offer first
10 industry tiles and a client-name wallNamed client results
Five feature cards and "Learn more"Merged into the services section
Anonymous countersClient results, visible at rest
Three equal testimonialsOne full client story
18 FAQsTop 3, with a link to the full list
"Learn more""Start with a free video script"

( 05 ) Key UX decisions

Six decisions shaped the page, and each one has a reason.

One primary action

Only one filled button

Everything else is a ghost button or a text link. One visual weight for the main action cuts decision time and makes funnel data cleaner.

Show the work first

Showreel above the fold

For a video agency, the reel is the strongest proof. Buyers judge craft before they read copy.

Stories over counters

Named results

"−50% cost per lead for Bambee" is more believable than "2,000+ projects", and it gives sales a talking point.

Less choice

Five services, not thirteen

Grouping by what a buyer needs, with the core offer largest, stops the page from feeling like a catalog.

Content at rest

No hidden numbers

All text and numbers render immediately, so previews, crawlers and people who scroll fast see the real proof.

Brand continuity

Same logo, new layout

The Vidico wordmark stays as it is. The redesign changes structure and hierarchy, not the brand.

( 06 ) Tokens and accessibility

Semantic color tokens first, then components, all checked against WCAG 2.2 AA.

  • surface/base#0C1428
  • surface/raised#131F3B
  • text/primary#EEF2FB
  • text/secondary#A3B0CC
  • action/primary#FF8F3F
  • action/on-primary#1A0E04

One check changed the design: white text on the orange button fails contrast, so the button label uses a dark ink token instead.

  • AaPrimary text on base16.3:1Pass
  • AaSecondary text on raised7.5:1Pass
  • AaWhite on orange button2.3:1Fail
  • AaDark ink on orange button8.4:1Pass

( 07 ) The landing page

Compare the current and updated homepage, with every research point marked in place.

Use the switch at the bottom of the screen to flip between versions. It keeps you on the same section, so you can compare them one block at a time. The Notes toggle shows or hides the research points.

  • Services
  • Results
  • Stories
  • Pricing
Get an estimate

Everything you need in a creative video agency

One team takes your brief from concept to delivery, then turns it into variants for every channel. No extra headcount.

  • Free script for new clients
  • 4.9★ from 100+ reviews
  • Every aspect ratio included
SHOWREEL · 1:32Creative at scale. 2,000+ campaigns later.

FIX 01–02, 04One primary action, and the showreel sits above the fold. The repeated work grid moves to the services page.

Trusted by 920+ brands, from startups to global enterprises

SpotifySquareTikTokAirtableUberZendesk

FIX 03The 920+ number is part of the sentence, right after the hero.

What we make

Video and design, from one team

CORE OFFER
Explainer videos

2D and 3D animation that turns a complex product into a 60–90 second story buyers remember.

PRODUCT
App and demo videos

UI walkthroughs and feature launches.

PERFORMANCE
Ad and social creative

Static ads and short-form in every ratio.

BRAND
Brand and live action

Campaigns, TVCs and case-study films.

NEW
Design services

Decks, infographics and illustration.

FIX 0613 services grouped into 5. The core offer gets the most weight, and design sits in the same team.

Results

Real clients, real numbers

FIX 05, 07Numbers are visible at rest, and each one links to its client story.

“An extension of our team, Vidico turned a basic premise into a cinematic story that drove thousands of leads and earned a sequel.”
David Bach · Sr. Director, Brand + Design, NinjaOne

FIX 08One strong story with a highlighted outcome, instead of three equal cards.

FAQ

Before your first brief

See all FAQs
What makes Vidico different?

40+ specialists across video, design, animation and strategy, working as an extension of your team.

How much does a video cost?

Explainers start at $5,000 for simple 2D. Monthly plans have unused budget rolling over.

Can you handle technical B2B products?

Yes, for brands like Digital Ocean, Airtable and Square.

FIX 09Top 3 questions here. The full list moves to the FAQ page and keeps its SEO value.

Start with a free video script

Get an estimate in one minute, and we'll write your first script on us.

Get an estimate in 1 min

FIX 10The strongest offer gets a clear headline and the same primary action as the hero.

( 08 ) Outcome

The client approved the new structure at wireframe stage. These are the metrics to watch after launch.

  1. Estimate-quiz startsThe primary goal, measured as clicks per session against the current page.
  2. Showreel play rateThe share of visitors who press play above the fold.
  3. Case-study click-throughClicks from the results block into full client stories.
  4. Scroll depth to resultsHow many visitors reach the proof before they leave, with an A/B test on the hero first.

( Next case study )

Congrid

( Like what you see? )

( Contact )

Let’s talk

How would you like to get in touch?

Or email me directly: kotinyankara@gmail.com