Back to home
Web Design · Live Site [ Ongoing · Solo project ]

Digital Media Designs — Studio Website

A website for a Durban print, branding, and signage studio — carrying their "screen to street" positioning from the shop floor into the browser, without letting the digital side outshine the print-first business it represents.

RoleDesigner / Developer
TimelineOngoing
ToolsHTML, CSS, JS
01 — The Brief

The Challenge

Digital Media Designs is a print, branding, and signage studio first — business cards, vehicle wraps, illuminated signs, laser-cut work — with web design sitting sixth on their own list of specialities, ranked in the order they're actually briefed. The site had to respect that ordering rather than fight it.

The brief was to build something that reads as confident and current without pretending the studio is a digital-first agency — a site that sells the print and signage work as the main event, with the web and branding side given equal room rather than top billing.

Key requirements:

  • Lead with printing, branding, and signage — not with "we build websites"
  • A small, real portfolio of client work (signage, vehicle branding, print, logos)
  • Clear, direct contact paths — this is a small team, not a call centre
  • Fully responsive, fast-loading, no unnecessary flash
02 — Role & Process

How I Got There

I handled the design and the front-end build, working from the studio's real service list and existing work rather than generic placeholder content — the six specialities, ranked the way they're actually briefed, became the spine of the whole site structure.

Responsible for: UI design, front-end development, and content structure, built directly around the studio's existing client work.

Tools: HTML, CSS, and JavaScript for the build; VS Code as the main workspace.

  • Mapped the six services in priority order, print leading and web trailing
  • Structured "Selected Work" around real client projects — signage, vehicle branding, print, logo design
  • Built mobile-first, keeping load times tight for a studio whose own clients aren't all digital-native
  • Kept the contact path short — a small, hands-on team, so the site avoids anything that reads corporate
03 — Design Decisions

Getting the Details Right

The layout leans on real project photography — signage, wrapped vehicles, printed work — rather than illustration or stock imagery, since that's what actually sells a print and signage studio.

The "what we do, in order" section was a deliberate call: instead of the usual services grid where everything gets equal visual weight, it's presented as a ranked list, exactly the way the studio described their own priorities.

Print leads. Digital comes last. The site had to say that quietly, not apologetically.

Challenge: making a small, hands-on studio's site feel current and well-crafted without making it feel like it belongs to a bigger agency than it is — the "small team, direct access" framing had to come through in tone, not just in copy.

04 — Final Outcome

What Shipped

A live, responsive studio website: a services-led homepage, a real portfolio pulled from actual client work, and direct contact paths — currently in use as the studio's site.

It's the piece in my portfolio that best shows I can take on a live client site end to end, not just a self-directed concept piece.

DeliverableLive, responsive studio website
StatusOngoing — maintained for the client
05 — Reflection

What I'd Take Forward

Designing for a business that isn't digital-first was a useful check — the instinct to lead with the flashiest section on a portfolio site doesn't always serve the actual client, and this project was a reminder to design for what the business needs to say, not what looks best in a screenshot.

Since it's a live, ongoing build rather than a one-off case study, it's also the project I keep coming back to — small updates as the studio's own work and services shift.

More work
this way.

Visit the live site Back to all projects