The Brief
Storyboard-Design is a design-led architecture studio with a strong visual identity and clear ideas about layout, typography and presentation.
The client had already designed the website layouts in Affinity Publisher, supplying detailed PDF designs that defined the look, structure and content of each page. The challenge was to translate these static designs into a fully functional, responsive WordPress website that matched the original vision precisely.
This was a project requiring technical build expertise, accuracy and close collaboration.
Client-supplied Affinity Publisher PDF designs showing page layout, content structure and visual hierarchy prior to web development.
The Solution
MADCOMS worked closely with the client to faithfully convert the supplied PDF designs into a live website, ensuring that layout, spacing, typography and visual hierarchy were preserved across desktop, tablet and mobile.
The focus was on:
Translating print-style layouts into responsive web structures
Maintaining design integrity while ensuring usability
Optimising performance without altering the visual intent
Building a flexible WordPress backend for future updates
Where necessary, subtle technical adjustments were made to ensure the site functioned correctly online, while remaining true to the original designs.
WordPress blog setup allowing the client to publish articles and updates independently without compromising design integrity.
What We Delivered
Pixel-accurate WordPress build from client-supplied PDF designs
Responsive layout implementation
Elementor-based development
UX and navigation refinement
Image optimisation and performance improvements
Cross-device and browser testing
Ongoing technical support
Great service, professional and down to earth. Refreshing to have someone who wants to support you, then someone who is trying to push 'service and ADD-ons down your throat.
Gary is great. I would definitely recommend.
Luke Roberts - Storyboard Design
The Result
Storyboard-Design now has a live, fully responsive website that accurately reflects their original design work while benefiting from the flexibility and performance of WordPress.
The project demonstrates MADCOMS’ ability to:
Work collaboratively with design-savvy clients
Implement complex layouts with precision
Bridge the gap between static design and live web delivery
The website functions as a clean, professional digital portfolio that showcases architectural work clearly and effectively.
WordPress blog setup allowing the client to publish articles and updates independently without compromising design integrity.
Ideal for design-led clients who need their concepts built accurately and professionally.
If you already have designed and need a reliable partner to build them properly, MADCOMS can help.