My Projects — TLB Web Design

Selected Work

Five projects, one process.

A look at how I approach real projects — from full website redesigns to brand-new builds, for clients in surf, wellness and hospitality.

Case Study · Website Redesign

Umar Surf Coach

Turning a dated, hard-to-navigate site into one that actually converts visitors into booked lessons.

Live
Before After
Umar Surf Coach website before redesign
Umar Surf Coach website after redesign

Drag to compare · Scroll inside the preview to explore

How I approached it

Every redesign starts the same way: understand what’s actually broken before touching a single pixel.

01

Audit

A full page-by-page review of the existing site — navigation, content hierarchy, mobile experience, and the first impression a new visitor gets in the first few seconds.

02

Analysis with tools

I ran the site through Google PageSpeed Insights and GTmetrix to measure load times, and reviewed the structure against accessibility and SEO best practices.

03

Redesign & UX decisions

Every choice — layout, color, where the booking button lives — was made to reduce friction between landing on the site and booking a lesson.

04

Results

A faster, clearer site that reflects the quality of the coaching itself, not just its price.

+42%
Faster page load
46 clicks
Clicks to book
95/100
Performance score

Case Study · Brand, Web & Digital Strategy

Flow Studio Online

A complete brand and digital experience for an online yoga studio, combining identity, web design, content strategy and communication.

Live
Role Brand Strategy · UX/UI · Web Development · Content
Focus Wellness · Digital Experience · Content Strategy
01

Brand Identity

Building a calm, accessible and consistent visual identity for the Flow Studio experience.

Flow Studio visual identity featuring logo, color palette and typography
Complete visual identity

Logo · Color palette · Typography · Brand guidelines

View the brand guidelines →
02

Campaign & Content

Extending the visual identity through promotional video, social content and structured communication.

Promotional video · Social media · Newsletter
03

Brand Applications

Bringing the identity beyond the screen through print materials and branded applications.

Flow Studio print design application
Print Design Brand communication materials
Flow Studio print design application
Print Design Consistent visual identity across formats
Flow Studio branded goodies and merchandise
Brand Applications Branded goodies & merchandise
04

From Design to Growth

Supporting the project with SEO, analytics, performance optimisation and content planning.

Content Strategy

Structured editorial planning across social media, newsletter and promotional content.

Extract from the Flow Studio communication and editorial plan
SEO READY

SEO & Search

On-page SEO · Metadata optimisation · Semantic heading structure · XML sitemap · Search Console indexing · Search monitoring

GA4

Analytics & Measurement

GA4 implementation · Traffic monitoring · User behaviour · Event tracking · Conversion measurement

OPTIMISED

Performance Optimisation

Image compression · Caching · Lazy loading · Asset optimisation · Mobile performance · Core Web Vitals monitoring

SSL + BACKUPS

Security & Maintenance

SSL · Brute-force protection · Automated backups · Plugin updates · WordPress hardening

Case Study · Website Design

Disini Surfhouse

A visual, immersive site for a surf house brand, built around video and photography rather than heavy text.

Private preview
Role UX/UI Design & Development
Focus Hospitality · Brand storytelling
01

Desktop Experience

Full website walkthrough · 3 min

Disini Surfhouse
02

Responsive Experience

Designed to stay immersive across every screen.

Mobile Experience · 30 sec

Design details

Disini Surfhouse surf coaching section
Surf Coaching Service presentation
Disini Surfhouse homepage design
Visual Storytelling Immersive homepage
Disini Surfhouse surf lessons section
Surf Lessons Clear service hierarchy

Case Study · Brand & Web Presentation

Lakey Grom

A full project presentation covering brand direction and web design, put together as a complete deck.

Not live
📄

Lakey Grom — Full presentation

Brand direction, wireframes and design walkthrough.

View presentation (PDF) →

Case Study · Concept Project

Timecapsule

A concept project explored through design and visuals — not yet live, but part of how I like to experiment between client projects.

Not live
📷Photo
📷Photo
📷Photo

Like what you see?

Let’s build something just as considered for you.

Book a discovery call