Home

Process

Work

Contact

Red 3D phone handset icon representing a telephone.

More than a café: a digital hub for Rhythm & Roots.

Brand Identity
UX/UI Design
Webflow
Client
Rhythm & Roots
Role
Designer & Developer
Date
May 2026
Logo of Rhythm & Roots Café featuring an orange half-sun with rays above a yellow horizontal line and two blue horizontal lines below on a dark circular background.
Website homepage shown on an iMac and a smartphone featuring Black baristas preparing coffee and food with text overlay saying 'Good FOOD. Good COFFEE. Good VIBES.' and navigation links for Shop, Menu, Contact Us, Events, and About Us.

Introduction

Rhythm & Roots is a fictional independent café inspired by great coffee, vibrant food and a strong sense of community.

The challenge was to create a brand and website that celebrated everything happening beyond the menu, transforming the café into a destination for events, local artists and culture.

The project combined a bold visual identity with an engaging digital experience that encourages visitors to discover what's on, explore the menu and connect with the community both online and in person.

Client
Rhythm & Roots
Date
May 2026
Role
Designer & Developer

Strategy

The website was designed around three core objectives:

Build Community

The homepage was designed to showcase the café as more than somewhere to eat and drink. Dedicated sections for upcoming events, featured artists and community storytelling encourage visitors to return regularly and engage with the wider Rhythm & Roots experience. The navigation encourages visitors to explore the café in multiple ways, from browsing seasonal menus and daily specials to discovering upcoming events and featured artists. Every section is designed to create another reason to visit, whether online or in person.

Bringing the brand to life

A bold colour palette, textured backgrounds and vibrant photography were used to reflect the energy of the café. Branded merchandise and printed menu concepts extend the identity beyond the website to create a consistent customer experience across every touchpoint.

Encourage Discovery

The navigation encourages visitors to explore the café in multiple ways, from browsing seasonal menus and daily specials to discovering upcoming events and featured artists. Every section is designed to create another reason to visit, whether online or in person.
Menu page titled 'menus' with sections for breakfast, lunch, brunch, and evening. Breakfast includes House Granola Bowl with toasted oats, seeds, coconut, seasonal fruit, and yogurt for £6.50; Avocado Toast with sourdough, smashed avocado, chili flakes, lemon, pickled onions, and poached egg for £8.00; and Sweet Plantain & Eggs. Bakery items listed include daily muffin, banana bread slice, chocolate brownie, cinnamon roll, and vegan cookie. Coffee and tea offerings list espresso, americano, flat white, latte, cappuccino, mocha, cold latte, chai latte, hot chocolate, and various specialty drinks. Cold drinks like Tropical Roots and Berry Blues are also available. Prices range from £1.80 to £4.95. The menu emphasizes Caribbean flavors and fresh ingredients.
Promotional image for Rhythm & Roots Café Sunday Soul Sessions event, showing a man wearing headphones using audio equipment outdoors, with text inviting guests to live music and open mic every first Sunday of the month from 6pm to 9pm. Next to it is a screenshot of upcoming events in May at the café, including Community Coffee Club, Vinyl Swap & Sip, Recipes Workshop, and Acoustic Evenings with times, dates, RSVP, and ticket options.
Online shop page featuring Rhythms & Roots branded items including reusable coffee cups in beige and cork sleeves, house granola packet, tote bag, green cord cap, and coffee beans with add to cart buttons and prices displayed.
Website section titled 'Featured Artists' with profiles of three artists displaying their artwork and descriptions, alongside an image of a smartphone showing the randomcafe Instagram profile with photos of food, drinks, and people, all set against a light background with blue and orange confetti-like accents and an orange footer featuring café contact info and social media icons.

Brand & Visual Identity

The visual identity was built around clarity. Bold and playful colours keep the site easy to navigate whilst remaining engaging and playful. The design system was built to remain flexible as new products and services are added.
Brand kit for Rhythm & Roots Café showing an orange sun logo with blue waves and the text Rhythm & Roots Café below it, a black and white variation of the logo, font samples Michroma and Lilex with uppercase and lowercase letters, a color palette of orange #F87911, off-white #F7F7F2, blue #82D4FA, and dark navy #03121A, and three abstract pattern samples in coordinating colors.

The final concept positions Rhythm & Roots as more than a neighbourhood café. By combining food, music, events and local artists within a single digital experience, the website encourages repeat visits, strengthens community engagement and creates new opportunities to connect with customers beyond the café itself.

Three vertical panels showing the evolution of a website design: left panel is a hand-drawn wireframe layout with placeholders for images and text blocks; middle panel is a grayscale digital mockup with structured sections including header, about us, specials banner, upcoming events, featured artists, and footer; right panel is a colored final web page with photographs of food, people, events, and artist features, illustrating the progressive design stages from concept to polished website for a food and events venue.

my work