Client:
Skill-set utilised:
- Discovery workshops and stakeholder interviews
- Wireframing and low-to-high fidelity prototypes
- UI system design (style guides, components, patterns)
- Custom WordPress development
- Advanced custom fields and modular content architecture
- Custom Gutenberg blocks and page builder enhancements
Website url:
https://thisissouthafrica.org/
Industry:
Government / Public Sector
Project Brief:
Design & Develop a Custom WordPress Theme and UI/UX for Brand South Africa
Brand South Africa needed a modern, user-focused digital platform to showcase the country’s story, culture, and initiatives with clarity, cohesion, and impact.
Their existing site required a refreshed user experience and a flexible content system that could support a diverse range of content types and storytelling formats. The goal was to improve content editorial workflows, strengthen brand consistency across the site, and deliver a platform that could scale with future digital needs.
Our role was to lead the UI/UX design for WordPress and build a fully custom WordPress theme with a modular content architecture. This included designing a clean, engaging interface, building custom ACF blocks, and delivering a tailored WordPress experience that empowers the Brand South Africa team to manage content efficiently and confidently.
Challenges & Objectives
Brand South Africa needed a modern digital platform that could effectively communicate the country’s story, but their existing site lacked a cohesive user experience and flexible content structure. The current system limited editorial control, made content publishing workflows inefficient, and made it difficult to maintain consistent brand presentation across varied content types and campaigns.
The project objectives were to deliver a fully custom WordPress theme that aligned with Brand South Africa’s visual identity and storytelling goals, while improving usability for both visitors and content editors. This included designing a clear and engaging UI/UX, implementing a modular content architecture using Advanced Custom Fields, and building custom ACF blocks to support flexible, scalable page layouts. The new platform needed to enhance editorial efficiency, support diverse content formats, and provide a performance-optimised, responsive foundation for future growth.
Our approach
Strategy & Stakeholder Consulting
We began with a collaborative discovery phase, working closely with Brand South Africa’s team to understand their goals, audiences, and content priorities. Through workshops and stakeholder alignment sessions, we defined a clear digital strategy, content architecture, and roadmap that supported the organisation’s storytelling objectives and long-term growth.
UI/UX Strategy & Design
We then translated the strategy into user journeys, wireframes, and high-fidelity prototypes, ensuring the platform communicated Brand South Africa’s narrative clearly and intuitively across devices. This phase established the foundation for a cohesive and engaging digital experience.
Custom WordPress Development
We designed and built a custom WordPress theme from the ground up, tailored to Brand South Africa’s specific needs. Every template and layout was custom-developed to support clarity, usability, and strong editorial control. The result was a clean, performant theme that aligned with the brand’s identity and long-term digital goals.
Custom ACF Blocks & Modular Content Architecture
To empower the editorial team, we implemented a flexible content system using Advanced Custom Fields and custom ACF blocks. This modular approach allowed content creators to build rich, structured pages with ease, while ensuring consistent styling and responsive behaviour across the site.
Key Deliverables
- Discovery and strategy workshops with Brand South Africa stakeholders
- User journey mapping and UI/UX wireframes
- High-fidelity prototypes and design system documentation
- Custom WordPress theme development
- Advanced Custom Fields architecture and custom ACF blocks
- Gutenberg editor enhancements and modular content templates
- Responsive design implementation across devices
- QA, performance optimisation, and launch support
The final website delivered the following results:
A modern, cohesive UI/UX that strengthened Brand South Africa’s storytelling and visual consistency
Improved editorial efficiency through custom ACF blocks and a modular content architecture
A flexible WordPress platform built for scalable content growth and future campaign needs
Enhanced user experience with responsive design and streamlined navigation across devices
A maintainable, performance-optimised custom theme that supports long-term updates and improvements
Ready to build a website that actually performs?
Let’s talk about your project and how we can help you get better results online.


