SDPJ & Associates — Case Study

The problem

An outdated site that didn't reflect the firm's credibility.

SDPJ's existing website was visually dated and failed to communicate the professional standing of a reputable audit and chartered accounting firm. First impressions online did not match the quality of service delivered in practice.

No business photography available — client preference to exclude images entirely.
Client required the ability to self-deploy: no CMS, no server-side dependencies.
Contact needed to be direct — phone, email, address — no form required.
Logo was to be retained in its existing SF Sports Night typeface treatment.

Strategic approach

Four principles shaped every decision.

Trust-first layout

Typographic hierarchy, generous negative space, and clear content blocks — credibility without photography.

Static-first engineering

Vanilla HTML, CSS, and JS for maximum simplicity. No build steps, no server setup — the client deploys a ZIP.

SEO readiness

sitemap.xml, robots.txt, semantic HTML structure, descriptive page titles, and meta descriptions from day one.

Contact clarity

Phone, email, and address presented prominently. Google Maps embedded for local discoverability and shareability.

Design decisions

Typography, colour, and structure — each choice justified.

Typography

Inter

Body / UI: Inter (system fallback stack)

Inter delivers high legibility at small sizes and pairs cleanly with the display logo to produce a professional, modern tone. The SF Sports Night logo was retained per client direction.

Colour palette

#004953

#FFD166

#0F1724

#64748B

#F7FAFC

A restrained teal-green palette conveys financial trust and stability. The warm yellow accent provides subtle emphasis without breaking the calm tone.

Layout & spacing

Fixed content width with strong vertical rhythm — 48–64px between sections. Limited text column width for readability. Generous negative space creates a premium, calm aesthetic appropriate for a financial services firm.

7 separate HTML pages (home, about, services, industries, clientele, teams, contact)
No images — layout relies entirely on type and space
Google Maps embed on contact page for local discoverability

Results

Cleaner, faster, and more credible.

Modernised visual identity that aligns with professional expectations for an audit and financial firm.

Clear, scannable presentation of team, services, and contact details across 7 well-structured pages.

Fast-loading static pages with zero server dependencies — the client can manage and deploy without technical support.

Improved local discoverability via embedded Google Maps and production-ready sitemap.xml and robots.txt.

Handoff & delivery

Everything needed to go live, in a single ZIP.

Delivered as a complete static package with a deployment README covering Hostinger and cPanel hosts. No dependencies, no configuration — unzip and upload.

Static source files HTML, CSS, JS — fully annotated

sitemap.xml & robots.txt Search-ready from day one

Google Maps embed Contact page + Google Business guidance

Deployment README Step-by-step for Hostinger / cPanel

Branding guide Colours, type, logo usage rules

Performance report Lighthouse scores & indexing checklist

An outdated site that didn't reflect the firm's credibility.

Four principles shaped every decision.

Typography, colour, and structure — each choice justified.

Cleaner, faster, and more credible.

Everything needed to go live, in a single ZIP.

Ready to build yours?