Website Design Leeds Case Study: CAF Farsley Café Redesign & SEO

When an independent café already has a distinctive physical identity, its website should feel like an extension of the space rather than another generic hospitality template.

For CAF Farsley, OmniGrowth Studio created a bespoke digital experience inspired by the café’s dark interior, warm lighting, speciality coffee culture, and established visual identity.

The project combined bespoke Website Design Leeds, on-site SEO, mobile UX, an online coffee bean store, and a stronger digital foundation for future Generative Engine Optimisation (GEO).

The result is a website designed not only to look like CAF Farsley, but also to help customers discover the café, browse the menu, find opening information, and purchase CAF coffee beans online.

• **Project**: Website Redesign + On-Site SEO
• **Duration**: 2 Weeks
• **Location**: Farsley, Leeds (LS28)
• **Industry**: Independent Café & Speciality Coffee
• **Designer**: Alireza — OmniGrowth Studio
• **Website**: CAFFARSLEY.CO.UK

The Client & Digital Challenge in Farsley, Leeds

CAF Farsley is an independent espresso bar based in Farsley, Leeds. The café already had something many businesses struggle to create: a recognisable identity.

Its physical space, signage, coffee photography, dark interior, and overall atmosphere already gave CAF a premium independent character. The challenge was bringing that same character online.

A generic café website could technically show the menu, opening times, and address, but it would fail to communicate why CAF feels different from another coffee shop. There were several core areas to improve:

• **Stronger Visual Identity**: The digital experience needed to reflect the café itself rather than feeling disconnected from the physical business.
• **Simplified Customer Journey**: Someone discovering CAF online wants to know: Where is it? Is it open? What food is available? What coffee does it serve? Can I see the menu? Can I buy CAF Blend online? Those answers needed to be instant and effortless.
• **Online Sales for CAF Blend**: CAF already had its own branded coffee products. Rather than limiting sales to walk-in footfall, the website needed a frictionless online store for CAF beans.
• **SEO Structure & Search Visibility**: A visually attractive homepage alone provides limited search visibility. Google needs structured pages and clear content describing the business, location, menu, products, and services.

CAF Farsley was not a suitable project for an off-the-shelf hospitality template. The design direction instead started with the café itself, influenced by CAF’s existing branding, interior atmosphere, signage, photography, and speciality coffee culture.

1. Dark Editorial Design System

The website uses a predominantly black and charcoal interface with restrained warm gold accents. The darker palette reflects the café’s atmosphere while giving food, coffee, and lifestyle photography more visual impact. Rather than filling every section with bright cards and heavy borders, the interface uses generous spacing, refined typography, and photography to establish hierarchy, creating a distinct editorial character.

2. Layered Cinematic Hero Design

The homepage hero was designed to feel closer to a visual campaign than a traditional café header. Layered imagery introduces the café interior, food, speciality coffee, the Farsley location, and the overall CAF atmosphere. The typography remains intentionally restrained so that the photography and brand do most of the visual work.

3. Editorial Brand Story Layout

The website does not treat the About content as a large block of text. CAF’s story is presented through a combination of photography, typography, short supporting copy, and visual statistics. This allows visitors to understand the business without having to read a long corporate-style page.

4. Cinematic Café Gallery Experience

Photography plays a major role throughout the website. The gallery was designed around categories including the café atmosphere, outdoor imagery, coffee, matcha, food, and branded products. Instead of treating the gallery as a basic grid of photographs, the presentation is designed to feel more like an editorial lookbook connecting seamlessly with the café’s social media identity.

One of the most important commercial additions was the dedicated online coffee shop.

CAF Blend and Decaf products can be presented in several pack sizes (250g, 500g, and 1kg), allowing customers to continue buying from the café even when they are not physically visiting Farsley.

The product experience was designed to remain consistent with the main CAF website. Rather than switching customers into an unrelated-looking store template, product cards retain the dark visual identity and warm gold detailing used throughout the site.

How the Online Store Expands Commercial Reach:

• **Sell Beyond Walk-In Customers**: Reach coffee lovers across Leeds and the wider UK.
• **Homepage Promotion**: Direct spotlight on CAF Blend with immediate purchase actions.
• **Dedicated Product Pages**: Rich product descriptions, grind guidance, and origin notes.
• **Target Organic Searches**: Capture queries around speciality coffee beans in Leeds.
• **Social Media Conversion**: Share direct product links seamlessly via Instagram and marketing channels.
• **Repeat Customer Retention**: Enable regulars to order fresh coffee beans directly to their homes.

This transforms the website from a passive digital brochure into an active revenue-generating sales channel.

Independent café menus can quickly become difficult to navigate online. CAF serves more than coffee, so the website needed to organise multiple food and drink categories clearly.

The digital menu structure includes dedicated sections such as:

• **Speciality Coffee & Espresso**
• **Artisan Teas & Speciality Matcha**
• **Cold Drinks & Fresh Fruit Smoothies**
• **Açaí Bowls & Superfood Breakfasts**
• **Artisan Sandwiches & Italian Piadina**
• **Fresh Pastries & Patisserie**

The objective was to make the menu easy to scan without losing the premium visual style.

This is particularly important on mobile, where customers may be checking the menu while travelling to Farsley or deciding where to eat. Good café website design in Leeds should reduce the time between landing on the website and finding the information that influences a visit.

A beautiful website has limited commercial value if local customers cannot discover it. The redesign therefore created a stronger foundation for ongoing Local SEO Leeds.

Instead of expecting the homepage to rank for everything, the website architecture gives different topics clearer areas of relevance.

Local Keyword Architecture

• **Primary OmniGrowth Studio Case-Study Targets**: Website Design Leeds, web designer Leeds, bespoke website design Leeds, café website design Leeds
• **CAF Local Search Targets**: café Farsley, coffee shop Farsley, speciality coffee Farsley, café Leeds, coffee shop Leeds, independent café Leeds, breakfast Farsley, brunch Farsley
• **Product-Led Search Targets**: coffee beans Leeds, speciality coffee beans Leeds, CAF Blend, coffee beans online Leeds

Location Content & Local Search Intent

For hospitality businesses, location information is part of the conversion journey. Visitors should not have to search through the footer to work out where a café is located. The CAF website gives opening information and location details dedicated visual attention, communicating:

• Farsley street address and postcode (LS28)
• Live opening hours and current open/closed status
• Direct Google Maps directions for pedestrians and drivers
• Nearby public transport and parking guidance

On-Site SEO Built Into the Website

SEO was considered while designing the website rather than being added as an afterthought. That includes logical page architecture, descriptive page headings, relevant page titles, metadata, image optimisation, internal links, mobile performance, structured business schema, and crawlable text.

Search behaviour is changing. Customers increasingly ask AI platforms conversational questions instead of typing two or three keywords into Google.

Examples of conversational searches include:

• *“Where can I get speciality coffee in Farsley?”*
• *“Which independent cafés are worth visiting near Leeds?”*
• *“Where can I buy locally roasted coffee beans in Leeds?”*
• *“What cafés in Farsley serve focaccia and speciality coffee?”*

This creates an additional opportunity beyond traditional SEO. Generative Engine Optimisation (GEO) focuses on making business information easier for AI search systems to understand, retrieve, and potentially reference.

For CAF Farsley, the website creates an authoritative foundation by clearly detailing who CAF is, where the café is located, what it serves, its opening schedule, its coffee products, its menu categories, and its relationship with Farsley and Leeds. Future GEO work can build on this through FAQs, structured schema markup, product information, and locally relevant editorial content.

For a local café, mobile usability is essential. Someone might discover CAF while already walking around Farsley, sitting on a train, or searching for somewhere to meet a friend. They are unlikely to spend several minutes navigating a complicated website.

The mobile design prioritises the actions most relevant to café customers: view the menu, check opening hours, get directions, browse CAF Blend, explore the café, and access social channels. The experience retains CAF’s cinematic visual identity while adapting layouts gracefully for smaller screens.

Balancing Design and Conversion

One of the challenges with highly visual websites is making sure aesthetics do not interfere with usability. CAF’s design uses large imagery and editorial layouts, but important actions remain visible throughout the customer journey.

Clear calls to action guide visitors towards:

• **Explore Full Menu**
• **Shop CAF Blend**
• **Visit Us & Get Directions**
• **Browse Coffee Beans**
• **Discover Our Story**

The goal is not aggressive conversion. CAF is a hospitality business, so the website remains relaxed and brand-led, but every major visitor intention has an obvious next step.

For the CAF Farsley website redesign, OmniGrowth Studio delivered:

• **A completely bespoke café website design** reflecting the café's distinct physical identity
• **Dark editorial design system** based on CAF’s existing black, charcoal, and warm gold branding
• **Layered cinematic homepage hero** with photography and subtle typography
• **Responsive desktop, tablet, and mobile layouts** tested across modern viewports
• **Editorial brand storytelling** introducing the founders, coffee culture, and ethos
• **Dedicated café menu experience** categorising drinks, smoothies, savouries, and patisserie
• **Cinematic café gallery** showcasing café atmosphere, food, and streetscapes
• **CAF Blend and Decaf online store** with 250g, 500g, and 1kg options
• **Secure online checkout journey** powered by frictionless payments
• **Dedicated location and opening-hours content** with live open/closed indicators
• **Google Maps direction journey** assisting local footfall and visitors
• **Improved on-site SEO architecture** targeting Farsley and Leeds searches
• **Search-friendly headings and content structure** built for long-term indexation
• **Product-focused search opportunities** for speciality coffee beans in Leeds
• **Foundation for future GEO and AI search optimisation** across emerging generative platforms

CAF Farsley demonstrates why the strongest website design is rarely about choosing the most fashionable template. The website should come from the business.

For CAF, that meant taking inspiration from the physical café, its dark atmosphere, warm lighting, signage, photography, speciality coffee, food, Farsley surroundings, and existing brand identity.

The same principle applies across other industries: a tailor’s website should feel different from a café; a dental practice should feel different from a restaurant; a beauty salon should not look like a plumbing company with different photographs. This is the difference between simply building websites and creating bespoke website design for Leeds businesses.

How OmniGrowth Studio Helps Leeds Businesses

OmniGrowth Studio works with independent businesses across Leeds to build websites that combine strong visual identity with practical digital growth:

• Website Design Leeds — Fast, bespoke websites designed around your existing brand identity.
• Local SEO Leeds — Ongoing optimisation designed to improve visibility for relevant local Google searches.
• Google Maps Optimisation Leeds — Helping local businesses strengthen their presence across Google Maps and local 3-pack results.
• AI Search & GEO Content Leeds — Structuring websites and content for emerging generative search experiences.
• Lead Generation & Conversion — Improving enquiry, booking, and purchase journeys.
• Pricing & Investment Plans — Clear, transparent pricing with no hidden surprises.

If your Leeds business already has a strong identity but your current website does not represent it properly, the CAF Farsley project shows what can happen when the digital experience is designed around the business rather than around a template.

Ready to elevate your digital presence? Book a free strategy call with Alireza today.