Standard Process for Website Projects

Doing what everyone else is doing will never make a difference, no matter how much harder we do it.

We have to do something that no one else is doing.

Find out our standard process for website projects that will help both teams collaborate and deliver a successful website more efficiently.

Client Onboarding

There are two options for contacting me in contact page. One is for people who are interested in working with me, and the other is more for general inquiries. I also provide an email address if people want to get in touch via email.

If I find that the project fits  then I will reply (usually within 24 hours) with an invitation to book a consultation call.

I will hop on a 30 minutes video call with you to share your business struggles and objectives so we can help you move from your current situation to your future goals.

The proposal outlines our call summary which is the objective and the problem. Next is the solution to the problem, the timeline of the project, the deliverable, the estimated cost, and the call to action.

It also showcases a couple of past projects with links to case studies on this website if the prospect wants to see some more of my work.

As soon as my client approves of the Proposal, I can then automatically send their contract through their email for them to sign.

As soon as the client signs the contract, they automatically receive a Start-of-Work invoice. We request a 50% down payment before the work commence.

Every client will have their own Trello board with a list of tasks that need to be completed throughout the project. We will use Trello as our primary form of communication, feedback and to set up tasks and deadlines for each other. Clients can also see a real-time timeline of their project and this is a great way for clients to see when to expect what, and how a delay in a particular task could have an impact of the project as a whole.

The project can officially begin!

Before we kick things off, my client will receive the  Welcome Aboard Email that will outline the next steps, show them a proposed timeline (again), and explain how we will work together.

 

 

A. INCEPTION

1.1 Discovery

Discovery helps teams conduct the strategic planning process
together. Achieving understanding, definition, and agreement in one
process vs. having to go back and forth for months.
We’ll be able to pull valuable info out of our clients that we couldn’t do with just a questionnaire or a short chat. This facilitation helps create a powerful educated guess for market positioning.

We’ll help define the brand through key attributes including: voice & tone, look & feel, value proposition, customers and cultural trends. We will include the research you have already done to paint a comprehensive picture.

SEE EXAMPLES

Let’s get to know each other. Here we will define your primary and secondary viewers, surfacing their jobs, challenges, and pain points. Then we synthesize these items into thorough user journeys. 

SEE EXAMPLES

Your side of the story. Our job is to craft brands that align your business goals with your customers
needs. This is where we dig into your objectives for the rebrand and beyond.

We’ll conduct a messaging and visual analysis of what competitors are doing within your market. Where
are opportunities for us to differentiate?

We will list down keywords with different location/city associated within your industry. Next is list top 5 websites for every keywords and pick top three site that we will audit to know what unique features they have.

We summarize the findings and define your brand, your users, and your business goal. We prioritize the specific target. You will approve the design brief we have sent.

See TEMPLATES

1.2 Information Architecture

The client and our team will work together to define the structure of your whole site. We can either start from scratch or follow the existing sitemap of the client’s website and remove the unwanted pages. The client will approve the sitemap.

Auditing your existing content will help you understand what is related, what exists, and what gets the most traffic. Mapping out your content URLs, and doing a website crawl can provide you with good information that will inform your new sitemap and information architecture.

The content audit can be documented in whatever tool you’re comfortable with like a spreadsheet.

See EXAMPLE 

 

1.3 Identity & Visual Design

Stylescapes are a visual encapsulation of your brand’s voice, tone, look, and feel filtered through three
prompts. This essential step will help us set the broad direction for the visual identity, and allow you to
collaborate with our process at a very early stage.

The Visual Identity System will be composed of a brand signature (the logo, word mark or logotype) to serve as the trademark (and potentially countless other visual components). 

This includes the Typography, Color Palette, Iconography, Forms, Graphic Elements, Buttons, Header, and Footer

B. EXECUTION

2.1 User Experience

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

User testing is a great way to discover problems with your website. And to know what visitors feel about the website.

HOW?
We ask a number of people on individual basis to perform different tasks on the website to give us a feedback. 

Everything they will say is recorded and will be reviewed afterwards.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

We summarize the findings and define your brand, your users, and your business goal. We prioritize the specific target. You will approve the design brief we have sent.

2.2 Development

This is where the site is created. We will set-up your WordPress site and start building your site. We will also install some plug-ins and at the same time, we will create a different layout for mobile and tablet devices.

2.3 Content Creation

Now that we have a bigger picture of the site in mind, we can start creating content for the individual pages, always keep search engine optimization (SEO) in mind to help keep pages focused on a single topic. It’s vital that you have real content to work with for our next stage:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

C. LAUNCH

Once everything is working great, it’s time to and launch your site! This should include planning both launch timing and communication strategies — i.e., when will you launch and how will you let the world know? After that, it’s time to maintain your website.

3.1 Launch Plan

By now, you’ve got all your pages and defined how they display to the site visitor, so it’s time to make sure it all works. Combine manual browsing of the site on a variety of devices with automated site crawlers to identify everything from user experience issues to simple broken links.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

3.2 Analysis

By now, you’ve got all your pages and defined how they display to the site visitor, so it’s time to make sure it all works. Combine manual browsing of the site on a variety of devices with automated site crawlers to identify everything from user experience issues to simple broken links.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Get in touch with us

Let's discuss what we could create for your business.