REAL PROJECT

Building an Agency Website from Scratch

Faro Digital Media is our first client. This is the case study of how we built it.

2026 Custom PHP Mobile-First SEO Optimized
01

The Challenge

Brand Creation

Design a complete visual identity from scratch – logo, colours, typography, and tone of voice for a modern digital agency.

Custom Development

Build a custom PHP website without WordPress – no templates, no limitations, full control over every line of code.

SEO & Visibility

Compete for "Diseño Web Madrid" and related search terms – ranking a new agency in a competitive market.

Mobile-First

Create a perfect mobile experience with 48px touch targets, readable typography, and optimized mobile navigation.

Performance

Excellent Core Web Vitals, fast load times, and a smooth user experience across all devices.

Multilingual

Fully bilingual site (Spanish/English) with hreflang tags, localized content, and international structure.

02

The Solution

Technology

  • Backend: Custom PHP (no WordPress)
  • Frontend: HTML5, CSS3, JavaScript
  • Database: MySQL
  • SEO: Schema.org, JSON-LD, hreflang
  • Security: CSRF, CAPTCHA, HSTS, CSP

Design

  • Approach: Mobile-First
  • Touch Targets: 48px minimum
  • Typography: 16px base, Poppins
  • Colours: #00a896 (teal), #0f172a (dark)
  • Accessibility: WCAG 2.1 AA

Features

  • Multilingual Blog System
  • Custom Admin Panel
  • Shopping Cart System
  • Payment Integration (Monei + NowPayments)
  • Visitor Tracking System
  • CSRF + CAPTCHA Forms
  • Quote Request System
03

The Results

3/3
Mobile Friendliness
Semrush Mobile Friendly Score – perfect score
22
Pages Indexed
Complete sitemap submitted to Google
Core Web Vitals
Performance metrics optimized
48px
Touch Targets
All interactive elements accessible
2
Languages
Spanish + English with hreflang
0
WordPress
Custom code, no dependencies
04

Technologies Used

PHP
JavaScript
HTML5
CSS3
MySQL
Cloudflare
Schema.org
Monei / NowPayments
05

Key Learnings

Custom > CMS

Building without WordPress gave us complete control over performance, security, and functionality. No plugin dependencies, no bloat.

Mobile-First Works

Starting with mobile forced us to prioritize what matters. 48px touch targets, 16px font, and clean navigation create a better experience everywhere.

SEO is Architecture

Structured data, hreflang, and clean HTML aren't add-ons – they're part of the foundation. Schema markup from day one pays off.

Security First

CSRF tokens, CAPTCHA, HSTS, CSP, prepared statements – security should be built in, not bolted on. Every form is protected.

Ready to Build Something Like This?

We build custom websites from scratch – no WordPress, no templates, no shortcuts.

Request a Quote
Send us a WhatsApp