Race Media background

A Branding, UX/UI & Development Transformation For The Race Media

Contact Us
Race Media website on a laptop

Client

The Race Media

Timeframe

15 Days

Deliverable

UX Research & UI Design (Figma)

Full Website Development

AWS Deployment

PAIN POINTS

The Race Media had a strong service offering but their digital presence didn't reflect it. The existing website lacked visual consistency, suffered from poor user experience across devices, and failed to communicate the brand's energy and authority in the Swiss social media market. Visitors struggled to understand the agency's value proposition at a glance, leading to missed conversions and weak first impressions.

SOLUTIONS

We approached this as a full digital transformation, starting from brand identity and moving through UX strategy, UI design, and development. The new website gives The Race Media a clean, modern presence that clearly communicates their services, builds trust with prospective clients, and guides users naturally toward a consultation.

OVERVIEW

The Race Media is a Swiss full-service social media agency founded in 2025, specializing in content creation, video production, performance marketing, and social media management for SMEs across Switzerland. Despite offering a compelling range of services, their WordPress-based website lacked the visual polish and structural clarity needed to convert visitors into clients. Our agency was brought in to revamp the UI/UX, crafting a new design language through refined color palettes, purposeful typography, and an intuitive layout system, all implemented within the existing WordPress and custom PHP/JS/MySQL environment.

Technologies

  • WordPress (CMS)WordPress (CMS)
  • CSS ( Frontend )CSS ( Frontend )
  • MySQL ( Database )MySQL ( Database )
  • Javascript ( Frontend )Javascript ( Frontend )
  • PHP ( Backend )PHP ( Backend )

Design Softwares

  • FigmaFigma
  • Adobe PhotoshopAdobe Photoshop
  • Adobe IllustratorAdobe Illustrator

Deployment & Server Administration

  • Amazon Web ServicesAmazon Web Services
  • EC2 InstanceEC2 Instance
  • S3 BucketsS3 Buckets

SERVICES

We provided The Race Media with a complete digital overhaul covering every stage of the process, from design to deployment.

Color Palette Design
Typography System
UI / UX Design
WordPress Development
Responsive Web Design
Performance Optimization

Our Decision

The Race Media was founded in 2025. That means: no legacy systems, no old content — but also no established market trust yet. The challenge was not technical, it was positioning. We could have switched to a more modern stack — Next.js, a headless CMS, new infrastructure. We consciously chose not to. The existing WordPress and PHP/MySQL stack works reliably, the team knows it, and a technology switch would have taken months that The Race Media didn't have. Instead: maximum impact through design and structure — within the existing environment, in 15 days.

Graphic Design

01BRANDING
02COLOUR PALETTE
1. primary color2. secondary color3. accessibility (contrast ratio)
03TYPOGRAPHY
1. font selection2. readability
01
BRANDING
The Race Media branding banner
The Race Media logo
The Race Media branding top right
dots behind
The Race Media branding bottom right
02
COLOUR PALETTE
A168D9181818404040F3F3F3

COLOR

03

TYPOGRAPHY

PrimaryPhosphateRRSolid
SecondaryInter
font preview
Extra LightThe Race Media

The quick brown fox jumps over the lazy dog

RegularThe Race Media

The quick brown fox jumps over the lazy dog

MediumThe Race Media

The quick brown fox jumps over the lazy dog

Semi BoldThe Race Media

The quick brown fox jumps over the lazy dog

BoldThe Race Media

The quick brown fox jumps over the lazy dog

UX/UI Design

Every screen across The Race Media's website was designed in Figma following a structured UX process, from user flow mapping and wireframing to high-fidelity UI.

UI Components

Buttons & ControlsTypography list

Desktop View

The desktop layout feels structured and confident, with a strong hero, logical service flow, and clear calls to action throughout. Clean typography and quality project imagery give the site a professional tone that matches The Race Media's service standards.

Race Media desktop view on laptop

Main Pages

Our Work

A scalable video portfolio grid showcasing real client results. Each entry is managed via WordPress CMS, making it easy for the team to add new work without touching code.

Our Work

About Us

A structured page presenting the agency's positioning, values, and differentiators, designed to build trust and communicate the brand's confident, client-focused identity.

About Us

Career

A clean, scannable layout presenting open roles with expandable listings, reflecting the agency's bold culture and allowing the team to manage postings independently via WordPress.

Career

Contact Us

A minimal, distraction-free contact form built with PHP and MySQL, designed to reduce drop-off and turn visitor intent into direct client enquiries.

Contact Us

Web Mobile View

Race Media mobile view hero

Every section was built to adapt naturally to smaller screens. Navigation, content layout, and CTAs all respond cleanly to mobile, giving users the same quality experience regardless of device.

side1Image
side2 Image
side3 Image
CustomerS1 Image
CustomerS2 Image
CustomerS3 Image
CustomerS4 Image

DEVELOPMENT

We built the site using custom WordPress theme development with hand-written PHP, HTML, and CSS to implement the Figma designs precisely. JavaScript was used selectively to keep the site fast and focused.

Performance Metrics (KPIs)

The website was built with performance as a core requirement from day one, not something addressed after launch.

Page Load Performance

Reduced LCP from 3.5s to 1.1s, achieving a 68% faster load time.

Load timeBefore
3.5s
Load timeAfter
1.1s

Responsive Design

Corrected 12 mobile layout errors to reach 100% usability on all screen sizes.

UsabilityBefore
40%
UsabilityAfter
90%

SEO Optimization

Improved SEO score from 65 to 94 and increased organic visibility by 115%.

SEO ScoreBefore
40%
SEO ScoreAfter
99%

System Reliability

Lowered latency from 195ms to 38ms while maintaining 99.99% uptime.

ReliabilityBefore
40%
ReliabilityAfter
99%

Lead Growth

Secured a 22.5% MoM increase in inquiries and doubled the conversion rate.

MoMBefore
10%
MoMAfter
22.5%

Key Development Challenges & Solutions

01Challenge: Inconsistent Visual Identity
02Challenge: Poor Mobile Responsiveness
03Challenge: Building a CMS the Client Could Manage Independently

Problem:No unified design language across pages, making the brand feel fragmented.

Solution:A centralized design system with reusable CSS variables ensured full visual consistency.

01

Problem:Original layout broke on smaller screens with no mobile-first approach in place.

Solution:Rebuilt using CSS grid and flexbox with custom breakpoints, tested across all devices.

02

Problem:The previous website was hard to update, leaving content outdated over time.

Solution:We structured the WordPress backend with clearly labeled editable blocks, giving The Race Media team full control over content without any technical dependency.

03

Technical Architecture & Tech Stack

Built on a clean, maintainable stack chosen for performance and long-term ease of use.

WordPress

Giving the client full editorial control without technical dependency.

PHP

Powering custom templates and dynamic page functionality.

MySQL

Structured relational database managing all user data and enquiries with reliability.

JavaScript

Handling interactive elements and smooth transitions without adding unnecessary load.

Conclusion

A new agency only gets one first impression. No portfolio speaking for itself. No years in the market building trust. What remains: the website — and whether it communicates in three seconds that you are in good hands here.

For The Race Media that was the brief: create a digital presence that immediately conveys the energy and professionalism of the brand — without the visitor having to search for long. New design language, clear structure, conversion-oriented layout. In 15 days.

The Race Media shows what is possible when you don't wait for a large budget or years of brand presence. For young companies that need to look professional now: this is proof that it's possible.

Ready to Get Started?

sds_logo

Snow Dream Studios is a premium digital studio from Zurich — specialised in web, software and digital strategy. We build digital products that work, convince and grow.

Switzerland (CH)

location_icon

Schärenmoosstrasse 77
8052 Zürich

location_icon

+41 79 667 68 17

alarm_icon

Monday - Friday (UTC+02:00)
On-Site Hours : 08:00 - 17:00

© 2026 Snow Dream Studios GmbH — Zurich, SwitzerlandPrivacy Policy Terms & Conditions Legal notice