Web design
Logo design, corporate identity design, web design, app design, user experience design, user interface design
Starting with the perfect logo we’ll expand your brand into a full identity across all materials, collateral, and digital products.
Read more about our WordPress websites.
The Design Process
Your website design requires research and planning before a final design is proposed.
The larger your business, the greater care needs to be taken in getting these steps right. The identity of your website will communicate your corporate identity.
Outlined below are six stages which should be part of any diligent design process.
1
The fact-finding first stage will help us get an overview of the business you intend to conduct on the site.
In collaboration with you, we will establish what work has already been done and what is still needed. Some clients already have a logo and brand guide, for instance, whereas some need one. We will strive to gain an understanding of its strength, viability, competitors and who its intended users are. We will share our findings with you.
A useful addition to our findings is the creation of “persona typing” of your ideal users. These help in a country with a diverse population like ours, where the needs and aspirations of someone from an entirely different cultural background might be relatively unknown to the client.
Initial
Research
2
As we clarify how visitors will use your site, we need to start listing features it might need.
These might be product display, testimonials and payment gateway. After listing all the features, we can start ordering them, making a very basic map of the visitor’s voyage through your site.
Features
and Site Map
3
With wireframes, you are zooming in on your features and roughly mocking them up.
It is important at this stage not to introduce any styling. As the term implies, wireframes represent only the structure of the design.
For example, your feature called “payment gateway” would become black-and-white sketch diagrams of the screens a customer would need to move through to pay. Once this is clarified, they can be linked by arrows into a flow map.
Wireframes
4
The designer can go to work mocking up what the design will actually look like in full colour.
In creating these mockups, the designer will build them up in schematic form, using brand colours to their maximum effect as a visual language backing up the verbal language of the user flow experience.
Visual
Design
5
We will deliver a static visual prototype of the design for you to approve.
The prototypes can perform certain click-through actions which gives a sense of the user flow in the final product.
Prototype
Testing
6
At this point, the designer will pass the baton to the developer.
The developer is committed to a pixel-perfect rendition of the design on a staging site. In order to ensure the design works as intended, the designer will stay in touch with the developer all the way through until the build is completed and the real site is launched. Read more about our WordPress websites.
Building
the Website
More about web design
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 staking service. Guardian Validator utilizes
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. Over the years the brand
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 cutting edge, programmable coffee machine
Case Study: PostModern Studios
Introduction The brief was to redesign the website for PostModern Studios, a full service post production company. The website features a new logo, bespoke /
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 successful. Challenges Starting with a
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 Although the brief was to
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 from Elementor to Bricks builder.
Website Mockup Size Guide. All about viewport width and content width.
This website mockup size guide is aimed primarily at designers building mockups and prototypes for developers.
Design FAQs: Frequently Asked Questions about Design
A design is a visual plan for building an object, a system or even a process. The word design can be applied to the first scribbles right through to final, detailed specifications.
Visual Tools for Effective Web Design
The kind of web design addressed in this article is the most typical: one that describes what you offer and culminates in a call to action.
Website Parts – A quick guide to the various parts of a web page
This brief guide describes some of the elements involved in website design.
