Web design
Including 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.
We design and build everything from simple WordPress websites to advanced custom websites, web apps and mobile apps.
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.
Of course it’s important to know what kind of website you need, so we’ll establish this early on. Perhaps a simple WordPress website will do, or perhaps you need something more advanced such as a web app or mobile app.
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.
Building
the Website
More about web design

UX vs SEO? The relationship between user experience and SEO
UX and SEO are separate skills, but their effect is intertwined.
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.

Working with a web developer: the web design and development process
These guidelines aim to make your website project a smooth and pain-free process by outlining the process of working with a web developer.

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.

Web design trends for 2021
While we stand by the consistent, sensible web design advice given in our post Visual tools for effective web design, this still leaves a lot of wiggle room for ways to make your site stand out in a very competitive field.

Website Mockup Size Guide
This website mockup size guide is aimed primarily at designers building mockups and prototypes for developers.

Website Design – The Basics
This brief guide describes some of the elements involved in website design.