Case Study: PostModern Studios

An example of Web Design in Cape Town

Introduction

The brief was to redesign the website for PostModern Studios, a full service post production company. The website features a new logo, bespoke / custom-designed fully animated video sliders, video galleries, and team profiles.

Challenges

The home page needed to be super-minimalist and yet highly functional to best present the client’s main projects.

Since the website was mainly a portfolio of videos, the main challenge was how to present them. Once we had the design we had to work with system the previous website was using.

Then there was an additional challenge of presenting the portfolios of each of the company’s team members.

Solution

Designer, Josh Sowter liaised closely and extensively with the client, William Kalmer, to flesh out the new structure, wireframes and prototypes using Adobe XD. This allowed the client to review and comment on aspects of the work before proceeding with development.

Adobe XD prototypes for PostModern Studios by Josh Sowter.

Additionally, Josh produced some short explainer videos to demonstrate the design to the client before obtaining final sign-off.

Explainer video by designer, Josh Sowter.

Simon Barnett built the website using WordPress, Elementor, and custom HTML, CSS and JavaScript to achieve some of the unique functionality seen on the website.

Using a popular slider plugin as a basis we used extensive CSS and JavaScript enhancements and modifications to deliver a beautifully simple, yet informative and impactful home page with high performance.

The video galleries used the same plugin as the client’s old website, but brought in line with modern design and functionality standards. This was achieved with a minimum of CSS and JavaScript overrides.

The talent library followed a similar approach: enhance existing functionality with CSS and JavaScript.

The new PostModern Studios logo

Although a new logo should usually inform the design direction, in this case we determined that we could leave it until last. Josh presented several options to William who selected the best one.

Logo explainer video by Josh Sowter.

Impact

Firstly, since we worked with existing code and plugins we were able to keep costs down while delivering a website that looked very different and vastly more modern than the previous website. The finished product was slick, subtle, and minimalist.

The client was incredibly happy with the work and reported back to us that he had shown it off to many of his industry peers who were similarly blown away. Take a look.

A clean and dynamic showcase of PostModern Studio’s work.

Featured articles

Case Study: Guardian Validator

Introduction Guardian Validator is dedicated to supporting the decentralization of the Solana blockchain. They provide a high-performance, ethical, and safe
Read more

Case Study: Voetspore Rentals

Introduction Voetspore is a hugely popular travel-themed TV series in South Africa which has been running since the year 2000.
Read more

Case Study: Henlo Coffee website

Introduction Henlo van der Westhuizen originally approached us in February 2021 to build a website for his upcoming product, a
Read more
An example of Web Design in Cape Town

Case Study: PostModern Studios

Introduction The brief was to redesign the website for PostModern Studios, a full service post production company. The website features
Read more

Case Study: Just Share website

Introduction Just Share approached several companies to refresh their branding, and redesign and rebuild their website. Ultimately our pitch was
Read more

Case Study: SNRG (Pty) Ltd

Introduction The brief was to design a website for polymer plastics which stood out very strikingly against its competitors. Challenges
Read more
The Bricks builder logo

Bricks vs Elementor: Why we switched to Bricks Builder

Related:Web page layout - with CSS flexbox and BricksWebsite Mockup Size GuideResponsive Sizing System using CSS Clamp We recently switched
Read more

Web page layout – with CSS flexbox and Bricks

Related:Bricks vs Elementor - why we switchedWebsite Mockup Size GuideResponsive Sizing System using CSS Clamp Introduction This article aims to
Read more

Responsive Fluid Sizing System using CSS Clamp

Related:Bricks vs Elementor - why we switchedWeb page layout - with CSS flexbox and BricksWebsite Mockup Size Guide Overview When
Read more