# Bold Signs - Signage Studio Website

> Designed and built the website for a Cape Town signage studio, a bold, gallery-driven site that matches the craft of the work it sells.

**Tags:** Client Work, Websites, Astro, B2B
**URL:** https://nasifsalaam.com/projects/bold-signs/

---

import ClickableImage from '../../components/ClickableImage.astro';
import ProjectStats from '../../components/ProjectStats.astro';
import TechStack from '../../components/TechStack.astro';

<ProjectStats
  stats={[
    { label: "Role", value: "Design & Build" },
    { label: "Client", value: "Bold Signs" },
    { label: "Platform", value: "Astro" },
    { label: "Status", value: "Live Site" }
  ]}
/>

<div class="prose prose-lg max-w-none">

## Project Overview

**Problem:** a signage studio that produces premium physical brand work needed a web presence with the same level of craft. Most signage company websites look like directories; this one had to look like a design studio.

**Role:** website designer and builder.

**The result:** a fast, gallery-driven Astro site with a bold typographic voice, live at [boldsigns.co.za](https://boldsigns.co.za/).

## The Challenge

**Show, Don't List**
Signage is visual work. The site had to lead with photography of real installations, vehicle wraps, wayfinding systems, and brand spaces, rather than paragraphs about services.

**Match the Studio's Voice**
Bold Signs positions itself as design-led: "every colour, line, and detail considered." The website had to prove that claim on first load, with type, spacing, and rhythm doing the talking.

**Low-Friction Enquiries**
Signage buyers move fast and often start on a phone. The site needed WhatsApp-first contact alongside conventional enquiry routes.

## Key Decisions

- **Oversized typographic hero** that reads as a statement, not a slogan block. The headline "We bring brands into the real world" carries the positioning in one line.
- **Gallery-driven structure**: hero, client logos, service cards, selected projects, a three-step process, and testimonials, in the order a buyer actually evaluates a studio.
- **Astro over WordPress** for speed and clean output. The site loads fast on mobile, where most enquiries start.
- **WhatsApp integration** as the primary contact channel, matching how the client's customers already communicate.

<ClickableImage
  src="/images/work/bold-signs-work.jpeg"
  alt="Bold Signs portfolio section showing selected signage projects"
  caption="The portfolio section leads with real installations: vehicle wraps, retail signage, and wayfinding."
/>

## Technical Stack

<TechStack
  items={[
    { category: "Framework", tools: ["Astro"] },
    { category: "Styling", tools: ["Tailwind CSS"] },
    { category: "Design", tools: ["Figma"] },
    { category: "Contact", tools: ["WhatsApp Integration"] }
  ]}
/>

## Results & Impact

**Live and Converting**
The site is live at [boldsigns.co.za](https://boldsigns.co.za/) and gives the studio a presence that matches the quality of its physical work.

**A Credible Sales Tool**
Client logos, real project photography, and testimonials do the persuasion before a conversation starts.

**Built for the Buyer's Journey**
From first impression to WhatsApp enquiry in one scroll, designed around how signage customers actually buy.

</div>