Built while at GraphyD
GraphyD — Digital Marketing Agency Website
GraphyD is a digital marketing agency offering SEO, paid ads, web design, social media, branding and email marketing. I built its website as a fast static site in HTML, CSS and JavaScript, drafting it with an AI model and then refining the layout, content structure and SEO by hand.
Overview#
GraphyD is a full-service digital marketing agency working with brands in Pakistan and abroad. Its website has one job: turn visitors into quote requests. It presents the agency's services, recent results, its process, client testimonials and a 90-day results guarantee, with a quote button and WhatsApp contact always close by.
My role#
I built the whole site. I used an AI model to produce a first draft quickly, then reworked the structure, copy layout, responsive behaviour and SEO tags myself.
The problem#
An agency that sells SEO and web design is judged by its own website. GraphyD needed a site that loads fast, looks premium, explains six services clearly and pushes every visitor towards a free quote.
Approach & architecture#
The site is plain HTML, CSS and JavaScript with no framework and no CMS. That keeps it small and fast, with nothing to update or patch on the server.
The page follows a sales structure: a bold headline and two calls to action, trust badges, key numbers, the service grid, case-study results, a five-step process, testimonials and the guarantee, then the footer with contact links. The dark theme with gold accents matches the GraphyD brand.
Key challenges#
Making an AI draft production-ready. A generated draft gets the layout roughly right but not the details. I cleaned up the markup, fixed spacing and type on mobile, and made sure headings follow a proper order for search engines and screen readers.
SEO on a single static page. Without a CMS plugin, every tag is written by hand: description, Open Graph and Twitter card tags, the canonical URL and favicons.
Clear calls to action. "Get a Quote" appears in the header, the hero, after the results and in the closing section, and a floating WhatsApp button stays on screen.
Tech stack#
- HTML — semantic page structure and hand-written meta tags.
- CSS — the dark, gold-accented design and responsive layout.
- JavaScript — small interactive touches such as the scrolling services strip.
Results#
The GraphyD website is live at graphyd.com as a fast static site.
Screenshots#
