Media agency website design for Janno Media

A modern, motion-led website that reflects Janno’s energy – built as a scalable WordPress system, engineered to stay fast, and designed to stay consistent as the team keeps it fresh.

Client: Janno Media

Completed: August 2025

Sector: Full-service content production (video, motion, podcasts)

Deliverables: Bespoke WordPress design, technical SEO, and scalable templates

Outcome: Gold Winner: Website of the Year (SME MK & Buckinghamshire Awards)

Insights

Janno Media are a full-service content provider, delivering video, motion graphics, live streaming, podcasts, photography and digital signage. As their offer expanded, they needed a more modern website – one that looked sharp, used motion and high-end interactions to strengthen the brand, and showcased their services and work with real energy. Just as importantly, it had to stay practical day to day, with a flexible CMS the team could manage confidently.

The result was a bespoke WordPress website with polished transitions and refined interactions, built on a robust CMS – designed to elevate the brand and support long-term growth. The project went on to win Gold Winner: Website of the Year at the SME MK & Buckinghamshire Business Awards.

View Janno Media website
Red-haired person with orange backpack adjusting headphones beside a patterned brick wall
“Featured work” section screenshot showing a four-image collage layout
Person in yellow jacket wearing headphones against a colourful tiled wall, with “Engage Inform Inspire” headline
Man wearing headphones speaking into a microphone during a podcast recording
Orange “Let’s talk” contact call-to-action panel with “Email us about your project” and button
Dancer in red on a neon-lit street, with “Video that tells the whole story” headline

Our approach

The key challenge was balancing motion and video with performance. Video-heavy pages can slow a site down, and modern interactions need to feel refined without adding bloat – so we designed motion as part of the user experience, not an afterthought. We made performance decisions early, starting in the design stage, so we were clear on the parameters from day one – what would move, what would be video, and how we’d keep everything fast and smooth.

We treated the build as a system – not a set of one-off pages – creating reusable templates and modules that keep publishing quick, consistent and on-brand. Work pages were designed to be repeatable and easy to update, so new projects can be added without reinventing layouts each time. We also built technical SEO in from the start, giving the site clean foundations for visibility and performance.

Dancer in red on a neon-lit street

Motion and interaction

Animation is part of Janno’s world – so the site needed movement that felt intentional, not distracting. We used GSAP to create a smooth, high-end feel across the site, with effects that respond naturally to scrolling.

GSAP tools used

ScrollSmoother
We used ScrollSmoother to create a smoother scroll experience, so sections build naturally as you move down the page. It also helped us achieve subtle parallax – where foreground and background elements move at different speeds to create depth.

ScrollTrigger
We used ScrollTrigger to control when animations run, based on scroll position. Instead of effects playing on page load, animations are triggered at specific points as the user reaches a section – for example:

  • Revealing headings and content blocks as they enter the viewport
  • Staggering elements so layouts “build” in sequence (rather than appearing all at once)
  • Triggering transitions when a section hits a defined start point (e.g., top of viewport, centre, or a custom offset)
  • Syncing animation timing to scroll progress for a more responsive, tactile feel

The goal was simple – keep the site feeling alive, while staying controlled, readable, and performance-conscious.

Video strategy

Video is central to Janno’s work, but it can quickly slow a site down if it’s handled badly. We kept things lightweight by design:

  • Short, looped clips – trimmed to the essentials to keep file sizes small
  • Vimeo hosting – so the heavy lifting sits off-site and pages stay responsive
  • Considered placement – using video where it adds impact, not everywhere by default

This approach kept the site visually rich without turning performance into a trade-off.

What we built and why it matters

What Union 10 delivered

1

Service-led structure

We organised the site around how Janno sell – and how clients buy – with clear service pathways (Video, Motion Graphics, Live Streaming, Podcasts, Photography, Digital Signage) so visitors can find the right offer fast.

2

Work that’s built for browsing

We created a dedicated Work system with Service + Sector filtering, making it easy to explore relevant examples without endless scrolling.

3

Motion that earns its place

Animation is used with purpose – adding energy and polish, including video-led featured tiles that showcase capability without relying on a separate showreel page.

4

Bespoke WordPress templates

We built flexible page templates and reusable modules that give the team freedom, while keeping layouts consistent and on-brand across the site.

5

Performance-first video handling

Video is kept lightweight and intentional – short, looped clips hosted on Vimeo – so pages stay fast, responsive and smooth even with rich media.

6

Accessibility baked into the system

Clean structure and reusable components help the site stay usable and consistent as new pages are added – reducing the risk of avoidable accessibility issues over time.

7

SEO-ready foundations

Technical SEO was built in from the start, with strong page structure and clear editorial control over on-page elements – giving Janno a solid base for ongoing optimisation.

Ongoing support, built in

Union 10 hosts the site and provides ongoing support, so Janno get continuity, quick fixes and proactive guidance – not “good luck” after launch.

That includes managed hosting with monitoring and backups, core and plugin updates, security housekeeping, and a clear route for improvements, new templates or added features as the site evolves.

Just as importantly, the team can manage the site in-house day to day – and it’s built to scale. When Janno need something new, we can add sections and modules that extend the template system cleanly, without bloating the site or breaking consistency.

View website

Nicola Horner // Janno Media

 

We worked with James and Jane at Union 10 on the redesign and build of our Janno Media website, and we couldn’t be happier with the results! Highly recommend Union 10 for anyone looking for top-tier web design with a team that truly cares. 🚀👏

View all reviews

FAQs

FAQs

If you have a question, please use our short form to send it over. We’re always happy to chat.

Ask a question

We design and build bespoke WordPress websites that make services clear, showcase work in a browsable way, and use motion and video without sacrificing speed. You’ll get a scalable template system, accessibility-led components, and SEO-ready foundations.

A bespoke build is designed around your services, content and user journeys. That means fewer compromises, cleaner performance, and a site that scales without becoming messy.

Yes — flexible templates keep layouts consistent while still giving the team freedom to build new pages their way. This speeds up publishing and keeps the site looking sharp as it grows.

We keep video short and looped to reduce file size, host it on Vimeo, and control when media loads so pages stay responsive. Animations are lightweight and triggered on scroll, so the experience feels smooth without adding unnecessary bloat.

We used GSAP for scroll-led motion, including ScrollSmoother for smooth scrolling and subtle parallax, and ScrollTrigger to trigger reveals and transitions when sections reach specific points in the viewport. This keeps movement purposeful and tied to the user journey.

Yes – AI systems still rely on strong SEO fundamentals to find and understand your content. We build clean page structure, internal linking, fast performance, and schema-ready foundations, so your site is more likely to be crawled, understood and surfaced in both search results and AI summaries.

Yes. The site is built with bespoke WordPress templates and reusable modules, so the team can publish new pages and case studies confidently while keeping everything consistent. As the business grows, we can add new sections and templates without rebuilding the site.

Yes — we offer ongoing support to keep your site secure, up to date and running smoothly. We can provide hosting, handle WordPress and plugin updates, and take care of routine security maintenance. If you need help, you can call us and speak to someone who already knows your site.

Written by Jane Comar + Reviewed by James Hofton

Last updated: February 19, 2026

Get in touch

 

Talk to us about your next project. We’d love to hear from you.

Get in touch
Back to projects