Shibam Coffee website homepage — coffee shop website design example
Coffee / Food & BeverageBrick & MortarPhiladelphia, PA

Shibam Coffee

15Pages Built
HeritageBrand Identity Created
Local SEOUniversity Area Targeting

The Challenge

Shibam Coffee — an authentic Yemeni coffee shop opening in Philadelphia's University City neighborhood — needed a web presence that honored their heritage while competing in a dense college-area coffee market near Drexel and Penn. They needed a grand opening landing page, email capture to build buzz before launch, and local SEO to rank for "Yemeni coffee Philadelphia" and university-area searches.

The Solution

We designed a heritage-inspired website that blends authentic Yemeni design elements — mud-brick tower motifs from the city of Shibam, a warm terracotta and navy palette, and Montserrat typography matching their ordering app — with modern web performance. The site features a video hero background with processed B-roll, Supabase-powered email capture for pre-launch signups, an MDX blog system for ongoing content, and full local SEO setup including LocalBusiness schema, Open Graph tags, and a targeted sitemap. The restaurant website design balances cultural authenticity with conversion-focused layout.

Next.js 14React 18Tailwind CSS 3Framer MotionResendSupabaseMDX

What We Built

Grand Opening Landing Page

Countdown timer, early bird promos, and email signup to build pre-launch buzz

Full Website (15 Pages)

Home, Menu, About, Blog, Contact — complete web presence for a new business

Heritage Brand Identity

Shibam mud-brick tower motifs, Yemeni geometric patterns, terracotta + navy palette

Video Hero Background

Processed B-roll with blur and slowdown effects for atmospheric homepage

Email Capture System

Resend + Supabase integration for newsletter signups and launch notifications

MDX Blog

Markdown-powered blog system for ongoing content and local SEO signals

Local SEO Foundation

LocalBusiness schema, OG tags, sitemap targeting "Yemeni coffee Philadelphia"

App Integration

Appfront ordering app download links for iOS and Android

Results

RD 1
Launch Ready
Complete Web Presence
RD 2
Heritage Brand
Yemeni Identity
RD 3
Local SEO
University Area Coverage
RD 4
Email Capture
Pre-Launch Signups

Want Results Like These?

More Work