WEBSITE
DESIGN &
DEVELOPMENT

The design of your website reflects the strength of your brand: you need a responsive design and intuitive functionality to give customers confidence.

You need someone responsive with a wide range of design and coding skill to prepare your page templates, add content to your website and make the customer journey fluid and functional.

WEBSITE DESIGN & DEVELOPMENT – WDD – EXPLAINED

Design Process

The design process starts with a discussion of requirements with decision makers.

Website design is no longer about re-inventing the wheel. It is about telling a story with a template-driven design that customers find easy to use with a strong brand identity.

BRIEF

PrD | PROJECT DEFINITION

Understanding what the project is about.

TA | TARGET AUDIENCE

Defining and understanding website users and personas.

Go | GOALS

Setting up clear target goals.

TS | TECHNICAL SPECS

Defining specifications such as browser resolutions.

CI | CONTENT INVENTORY

Establishing the required content to be featured on the website.

Re | RESOURCES

Evaluating available client assets, such as fonts or images.

PrT | PROJECT TIMELINE

Defining project milestones and required time allotment.

PrB | PROJECT BUDGET

Establishing necessary costs and defining overall budget.

PLANNING

RC | RESEARCH & CONCEPTS

Carrying out preliminary research and creating initial concepts.

Br | BRAINSTORMING

Performing team brainstorming sessions.

IA | INFORMATION ARCHITECTURE

Defining website structure and content navigation.

PL | PAGE LAYOUT

Establishing the layouts for the different types of pages required.

Us | USABILITY

Ensuring ease of use through proper presentation of content.

WM | WIREFRAME & MOCKUPS

Creating initial wireframes and mockups.

DESIGN

CS | COLOUR SCHEME

Choosing a relevant colour scheme based on client brief and research.

Lo | LOGO

Creating the logo and other branding elements.

Ar | ARTWORK

Designing artwork such as sliders and header images.

VE | VISUAL ELEMENTS

Designing the website’s visual elements such as buttons.

Ty | TYPOGRAPHY

Choosing appropriate font families, sizes and other properties.

RM | RICH MEDIA

Creating required rich media such as animations.

UX | USER EXPERIENCE

Testing design’s user experience.

CdC | CROSS-DEVICE COMPATIBILITY

Testing design’s compatibility between different devices.

PT | PROTOTYPE TEMPLATES

Creating prototype templates client presentation.

Development Process

The development process involves dotting i’s and crossing t’s behind the scenes.

Web developers have embraced open-source frameworks and content management systems as they remove the need for customisation and makes it easier for clients to update directly.

DEVELOPMENT

AWS | ACCESSIBILITY & WEB STANDARDS

Establishing full accessibility and web standards such as AODA.

Fr | FRAMEWORK

Choosing a development framework and/or CMS.

Db | DATABASE

Designing the database structure needed for website content.

Fu | FUNCTIONALITY

Implementing functionality for required features.

Co | CONTENT

Integrating the client content within the website.

SP | SITE PERFORMANCE

Ensuring proper website access speed and performance.

Se | SECURITY

Implementing security features.

Mk | MARKUP

Implementing required markup for SEO, social media and others.

LAUNCH

Te | TESTING

Final testing of website features.

LS | LIVE SERVER

Transferring website to the live server.

QA | QUALITY ASSURANCE

Performing quality assurance tasks such as proofreading.

WA | WEB ANALYTICS

Integrating web analytics software into the website.

Dl | DELIVERABLES

Handing off client deliverables such as source files.

TD | TRAINING & DOCUMENTATION

Providing website documentation and client training.

MAINTENANCE

ST | SUPPORT & TROUBLESHOOTING

Ensuring technical support and troubleshooting issues.

AB | A/B TESTING

Performing website optimisation through A/B testing.

DUp | DESIGN UPDATES

Providing and implementing design updates.

FUp | FUNCTIONALITY UPDATES

Providing and implementing functionality updates.

CUp | CONTENT UPDATES

Providing and implementing content updates.