NATALY · WEB DESIGN & DEV Case Study — 2026

Case Study · Design → Build → Launch

A website for a
community in Dubai.

End-to-end design and development of the official website for a Spanish-speaking Christian congregation in Dubai, UAE — from the first pixel to a live custom domain, SEO, and analytics.

UX / UI Design Front-end Dev SEO Analytics Domain & Launch
Visit the live site Live in production · chidubai.com
100%
Responsive
18
Songs · custom player
A→Z
End-to-end delivery
Live
Own domain · HTTPS
01

The brief

A growing Spanish-speaking congregation in Dubai needed a real online home — a place for the Hispanic community across the Emirates to find service times, connect, request prayer, and feel welcome before ever walking through the door.

The goal: a site that felt warm and reverent, loaded fast on any phone, and could be found on Google — delivered as a complete package, from design to a live domain the church owns.

02

What I delivered

Responsive design

A modern one-page site, mobile-first, with a cohesive indigo & gold identity and refined typography.

Motion & micro-interactions

Subtle scroll reveals, animated counters, and a live countdown to the next service.

Interactive data map

A dot-map visualizing the countries the community reaches, plus Google Maps integration.

Custom audio player

A worship-song player with playlists, autoplay, and local storage — built from scratch.

Working forms

Prayer-request and contact forms that email directly — private and anonymous — with no backend server.

Technical SEO

Meta tags, structured data (Schema.org), sitemap, and verified Google Search Console.

Analytics (GA4)

Google Analytics with custom event tracking to measure real engagement.

Domain & DNS

Nameserver setup, HTTPS, and continuous deployment to the cloud.

Performance

Compressed images and audio for fast loads — a heavy photo cut from 5.8 MB to 220 KB.

03

Highlights

Built from scratch

A custom worship-song player

Not an embed — a purpose-built player with 18 songs, custom playlists, autoplay, a progress bar, and an animated equalizer, all in the church's own visual language. It saves the listener's playlists on their device.

Salmo 23
TRACK 3 OF 18
Data as design

An interactive world map

A lightweight dot-map of the world (generated, not a heavy image) marks the countries the community reaches, with animated lines flowing toward Dubai — turning a simple stat into a moment.

04

Tech & tools

HTML5CSS3JavaScriptResponsive UX/UIWeb Animation On-page & Technical SEOSchema.orgGoogle Analytics 4Search Console VercelDomain / DNSPerformance OptimizationWeb3FormsGoogle Maps
05

How it came together

STEP 01

Design

Brand identity, layout, and copy — warm, reverent, and clear.

STEP 02

Build

Fast, hand-crafted front-end with motion and real features.

STEP 03

Optimize

Performance, SEO, structured data, and analytics.

STEP 04

Launch

Custom domain, HTTPS, and continuous deployment.

The result

A professional site, live on its own domain — ready to grow.

Designed, built, optimized, and shipped end-to-end. Search-engine ready, measurable, and made to serve a real community.

Explore chidubai.com