Branding & app design

Swim
Saga

Brand identity Mobile app UX/UI Responsive web Community platform
← Back to our work
Swim Saga mobile app launch screen held in hand
The project

ClientSwim Saga

ScopeBrand identity, app and responsive web design

AudienceSwimmers, athletes, parents and clubs

ApproachEnergetic, social and easy to navigate

One connected place for every part of swim life.

Swim Saga is a digital platform designed for swimmers, athletes, parents and swimming clubs. It brings the information and conversations surrounding training into one clear experience—from timetables, meets and events to club updates, athlete profiles, parent chats, messages, photos, videos and shared stories.

Cat and Bird Studio created the brand identity and the complete UX/UI direction for mobile and responsive web. The aim was to make a feature-rich platform feel light, welcoming and immediately familiar, so families and athletes could find what they needed without working through complicated menus.

The identity combines a swimmer silhouette with layered wave bands inside a compact circular icon. Deep blue communicates confidence and sporting focus, while turquoise, yellow and pink introduce energy, movement and a friendly community character. The bold stacked wordmark remains clear at app-icon scale and gives the brand a recognisable presence across screens.

The product experience uses generous white space, a consistent turquoise action colour, large touch targets and familiar social-feed patterns. Persistent navigation keeps meets, clubs, profiles, messages and content close at hand, while simple forms and progressive onboarding reduce effort during account setup, story sharing and membership selection.

The visual solution

Movement in the mark.
Clarity in the product.

The circular logo works like an app icon while the flowing colour bands suggest water, lanes and forward momentum. The same shapes become flexible interface accents, helping the identity feel consistent from the launch screen through to the web platform.

Swim Saga turquoise launch screen with circular swimmer logo
Cat & Bird Studio delivered

A bold identity.
A calm experience.

01

Logo design and complete visual identity

02

Colour palette, typography and interface styling

03

User journeys and app information architecture

04

Mobile app UX/UI and responsive web portal

05

Meet, club, profile and community feed screens

06

Parent chat, messages and story-sharing flows

07

Login, membership and account onboarding

08

Reusable navigation, forms, buttons and UI components

Product architecture

Everything the swim community needs.
Nothing in the way.

The interface groups frequent tasks into familiar destinations, giving parents and athletes direct access to schedules, club activity and conversations without making the platform feel crowded.

01

Meets & timetables

Upcoming events, schedules and relevant meet information in one predictable place.

02

Clubs & athletes

Profiles and club spaces that keep member information organised and easy to revisit.

03

Parent conversations

Messages and community communication designed to reduce fragmented group chats.

04

Stories & media

A friendly feed for sharing photos, videos, results and memorable swim moments.

05

Membership choices

Clear free and paid options with benefits presented before a user commits.

06

Profiles & settings

Simple forms and progressive steps that make account management feel manageable.

Mobile UX/UI

Familiar patterns.
Less friction.

Clear headings, quiet form fields and consistent calls to action support a broad audience with different levels of digital confidence. Each screen focuses on one primary task.

Swim Saga login and sign-up choice screen
01 Account access
Swim Saga username and password login form
02 Focused sign-in flow
Swim Saga mobile community feed with swimmer photos and videos
03 Community feed
Swim Saga free and paid membership selection screen
04 Membership options
Swim Saga add story screen with photo tagging and visibility controls
05 Story sharing
Swim Saga profile setup form for swimmer and club details
06 Profile set-up
Responsive platform

Designed to move
between poolside and desktop.

The visual system carries smoothly from the mobile app to the wider web portal. Parents can manage detailed information on a larger screen, while athletes retain quick access to the same content and actions on mobile.

Swim Saga responsive website and mobile app shown together
The outcome

A lively sports identity supporting a practical community tool.

Swim Saga combines bold, memorable branding with a clear product system that supports the everyday needs of swimmers and their families. The final experience feels energetic without becoming noisy, and feature-rich without becoming difficult to navigate—creating one approachable hub for meets, clubs, content, profiles and communication.

Back to our work