Our Client Journey

What to expect when you work with Web Services

 

01 Plan

Briefing workshop and high level plan

We’ll start with a briefing workshop in which I’ll ask questions to uncover the truth about  exactly what it is you’re trying to achieve. Some of these questions may seem a little uncomfortable – but that’s a good thing – they’re designed to ensure we are considering factors that can influence the success of a platform.  We’ll also have a few laughs along the way.

After the workshop, I’ll refine the high-level plan that we prepared for the proposal.

02 Design

Design is, arguably, the most important stage of any project. Getting design sorted at the outset avoids time consuming iterations and rebuilds in stage 3. Our design process typically involves 4 steps.

1 - Site Map - a bird's eye view

A visual sitemap is a very effective method for both planning and communicating ideas about a website’s or mobile app’s structure. Presented as a flowchart, our sitemaps provide 2D representation of a website or mobile app and  provides a bird’s-eye view of the entire project

2 - Style Guide - Creating a look and feel

Next we look to create a style guide which informs the overall look and feel of the site or mobile app. In this guide we will look specifically at colour palettes, text styles and fonts. We’ll also prepare templates for key website features such as buttons, forms, blurbs and imagery. The style guide allows us to create templates which we can call on during the build process and accelerates the development timeframe. Using a templated approach allows us to quickly reconfigure features sitewide if required.

3 - Wireframing - Conceptual User Experience

Wireframing the site provides an opportunity to conceptualise the user interface and experience prior to commencing the build. A wireframe is a two-dimensional illustration of a page’s interface that specifically focuses on space allocation and prioritization of content, functionality, and intended behaviors. For these reasons, wireframes typically do not include any styling, color, or graphics. Wireframes also help establish relationships between a website’s or apps various templates.

4 - Function and Design

 

Functional design is the process of identifying how particular features will work on the platform, determining specific plugins required, and how they interact. This step will also determine any off-platform tools required for integration, automation or communication purposes.

 

03 Build & Test

Pulling it all together

This is the stage where we get to create your new website or mobile app. Typically the longest stage in any project, and the stage where you get more actively involved; we work together to create content (images, copy, videos, other material) and functionality and create a functioning platform.

If we were building a house this would be the stage where the walls, ceilings, and other structures are created. It’s also the stage where fixtures, fittings and paintwork gets done.

Once we have a functioning platform, we hand it over to you for testing.

04 Launch

Going public

A successful project launch actually starts some time ahead of the official launch date and requires your active involvement in the development of a structured launch strategy. This includes raising creating interest in advance of the official launch, raising profile in social media and running promotions to encourage visitors/downloads in the days/weeks after your project goes live. 

In this stage, its also important to develop a support strategy to identify and capture feedback and issues on the new platform.

It’s worth remembering that the launch is really the end of the beginning of the journey –  with our platform care plans, we work alongside you to support, maintain and develop your platform as your needs evolve over time.

Let’s Start Something new
Say Hello!