Leading Mobile App Development in Brisbane, Australia Portfolio

KBS

Wireframe Design
Design System
Pixel perfect
Figma Auto-layout

10 + Web Pages

Overview

Building Trust Through
Better UX UIUX Designer

KBS Sportswear is a custom teamwear and sports apparel brand. We redesigned its website to improve clarity, brand impact, and usability transforming it into a modern, conversion-focused experience that better represents the company’s professionalism and connection with sports communities.

Typography

Clarity-Driven Typography with Instrument Sans

Instrument Sans was selected for KBS to create a clean, modern interface. Its balanced letterforms improve readability, strengthen hierarchy, and help users quickly scan content and navigate effortlessly.

Light / Regular / Medium / Bold

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstvwxyz

0123456789!#$%&/[)@=?,-

Black

Hex Code :

#040404

Medium Gray

Hex Code :

#888888

White

Hex Code :

#FFFFFF

Charcoal Gray

Hex Code :

#353434

How it works

Our design process for the KBS website followed a structured, user-centered approach to create a clear, engaging, and conversion-focused experience. The goal was to improve navigation, showcase products effectively, and help teams easily explore and order custom sportswear.

User Research & Discovery

Analyzed user needs, business goals, and existing website challenges to identify key opportunities for improving product visibility, navigation clarity, and overall browsing experience.
Information Architecture & User Flows

Reorganized the website structure and user flows to simplify product discovery, reduce friction, and help teams easily explore and request custom sportswear.
Visual Design & Interface System

Designed a cohesive visual system with improved hierarchy, typography, and spacing to strengthen readability, clarity, and brand consistency across the website.
Interactive Prototyping & Usability Feedback

Created interactive prototypes to test usability, validate design decisions, and refine key interactions based on feedback and usability insights.
Final UI Delivery & Experience Refinement

Delivered polished, high-fidelity website screens that transform research insights into a seamless, intuitive, and engaging browsing experience for sports teams and organizations.

Problem & Solutions

The existing KBS website lacked clear structure, intuitive navigation, and a cohesive visual experience. Through a modern redesign, improved information hierarchy, and streamlined user flows, we transformed it into a clean, user-friendly platform that better showcases custom sportswear and strengthens the brand’s professional identity.

Problem

Outdated visual design reduced trust.

Complicated navigation made content hard to find.

Poor mobile responsiveness hurt user experience.

Solutions

Modern Design

Introduced a modern, professional look.

Simplified Structure

Simplified menu and content structure for easy access.

Responsive Design

Built a fully responsive layout for all devices.

Before vs After

Before: The KBS website felt visually inconsistent and difficult to navigate. With an outdated layout and unclear product presentation, users struggled to explore custom sportswear options or understand the brand offering, reducing engagement and trust.
After: We redesigned the experience into a modern, brand-focused platform. By improving navigation, highlighting custom teamwear, and strengthening visual hierarchy, we created a clean, user-friendly website that enhances product discovery and builds stronger brand credibility.

Key Differences

The redesign of the KBS website transformed it from a basic product listing into a modern, brand-focused platform. Navigation was simplified for easier browsing, typography was refined for better readability, and the structure was optimized to showcase custom sportswear and teamwear collections. The new website streamlines product discovery and strengthens trust by presenting the brand and its offerings in a clear, professional, and engaging way.