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.

Periodic Table of Web Design Process

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.

If Not Calm Keep Calm Else Code On

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.

WEBSITE DESIGN & DEVELOPMENT SERVICES

ESSENTIAL WDD

$ 5,000

One Day
  • Website built in a day
  • Responsive to suit all devices
  • 5 page templates / 10 pages uploaded
START

ADVANCED WDDMost Popular

$ 10,000

One Week
  • Website built in a week
  • Responsive to suit all devices
  • 10 page templates / 50 pages uploaded
  • Simple e-commerce functionality
START

ULTIMATE WDD

$ 50,000

One Month
  • Website built in a month
  • Responsive to suit all devices
  • 25 page templates / 500 pages uploaded
  • Complex e-commerce functionality
  • High-performance configuration
  • Multi-lingual interface
START

01ALCHEMY is the unstoppable force of online evangelism and marketing – if you need a team who will work tirelessly (even manically?) toward a marketing requirement – look no further. I can safely say that 01ALCHEMY is in a league of their own.

Lucas Gunn

Alastair is a true pioneer and professional when it comes to online media and marketing. His depth of high level global experience, tenacity and sense of humour prove an excellent combination to achieve great results on any given project.

Yvette Adams

01ALCHEMY are industry experts, they keep up to date with all the latest developments in a fast moving environment. The team provides well structured advice and can organise and deliver successful campaigns on time and on budget.

Andrew Robinson

Alastair is an enigma of the digital world! As an absolute master of online marketing, he is a forward-thinking individual and a true inspiration. He taught me half of what I know without even realising it and I am extremely grateful!

James Congdon