Our Design Process

Introduction

An introduction to our process. Our processes is a culmination of many tried and true processes combined into one master process.

Consultation

Each project begins with a consultation. What is your budget? What is your site’s goal, Who is your audience? What is your time frame?

Brainstorming & Conceptulization

Once we understand your needs it’s time to sit down and draw out a concept of what your site should look like and what functionality should be made available to your visitors.

Wireframing

Once the concept is drawn out (literally) we wireframe the concept into a structural design that we then use to outline our coding process.

Design & Testing

After we wireframe the site out we build a prototype. In this phase we create a visual mock-up of your sire and determine the formatting that will be used in the actual coding.

Prototyping & Testing

After reviewing our mock-up design we will begin coding and testing your site. Here the client will have an opportunity to see development live via our test website and provide feedback in the design process.

Deployment & Testing

Once the prototype passes our clients muster we then deploy the site to their hosting and do final testing.

Maintenance

Once the site is deployed the job is not really complete. Websites require maintenance and continuous updating. We are her to make sure your site is always up-to-date and running smoothly.

Introduction

Web design is a complex and often time consuming process that involves bringing the goals of your company (or idea) to the public and focusing your audience on what you are about. The key here is focus. Why are your visitors here? How do we keep them engaged and interested in what you have to offer? These are the questions we answer here at Omni Motif Studio’s. Our goal is to take your business to the web and engage your customers in you.

In the sections below we discuss how we go about this process and what you can expect from doing business with you.

The Consultation

Every project begins with a consultation. This is the first phase of our design process. It is in this phase that we are interested in how we can best serve you. We need to ask the following questions:

  1. Who is your target audience?
  2. What is the scope of your site in relation to that audience?
  3. What is your budget set aside for this web site?
  4. What sort of time frame do we have to put this site together?
  5. Who is our primary point of contact and get that person’s contact information.
  6. Do you have an existing site and will the new one be an edit, a redesign, or addition to that site?
  7. What resources (graphics, fonts, video etc.) are already available and do we need to acquire more?

Of course these are not all the questions that will pop up during the consultation but the goal here is to discover what we have and what we will need to get the job done for you.

Brainstorming The Concept

Once we know where we are in terms of time, money, assets and research we can begin to conceptualize the project we are about to engage in. We start by looking at any existing site and using it as a starting point for our new site. We literally draw this concept out and take notes… LOTS OF NOTES!

By the end of this phase we may have several drawings that make up the framework for our site. There may be several pages with different ideas for different viewports and layouts. The goal here is to get a visual on our target.

Wireframing

We then take those drawings with their copious amounts of notes and begin the wireframing process. We take a look at the existing site (if any) and view it in the browser and use its built in tools to examine any existing code. We start to build a block diagram like representation of the site as it will actually be laid out.

This diagram will help us in the coding process and give us a reasonable timeline for the actual building of the site. Any existing timelines given prior to this phase will then be subject to change as the diagram dictates.

We also now have a framework in which to actually consider formatting and esthetics. More importantly, we can accuratly determine the use and scope of our content.

Designing

With our wireframe in place we can now sit down and draw out our site as it will actually look once we code it out. In this phase we will be utilizing some sort of graphics program to begin building out your site’s appearance. We address the following issues of design here:

  • A mobile appearance
  • A Tablet appearance
  • A desktop appearance
  • Graphics needed and their placement and appearance on each viewport.
  • Typography and its formatting on each viewport.

Prototyping & Testing

Now that we have an agreed upon format for your site and everything is laid out visually and precise for us we can begin coding. The coding process varies from site to site depending on the type of content and functionality is needed. It is here we employ all of our wizardry and voodoo with with HTML, CSS, JavaScripting and PHP/MySQL etc.

Up to this point our client has been directly involved in the design process but at this stage we begin working behind the scenes to make it all happen in real life. Granted, that during the wireframing and design phase you are liable to see us jotting down notes and codes in some mysterious shorthand but make no mistake the real coding begins here.

Our approach is to set up a testing site on a sub-domain here on our hosting so that we can periodically update our client and allow them to continue to provide feedback on our progress.

Deploying & Restesting

After the prototyping phase we should now have a full working model of your website on our test hosting. During this phase we determine a time suitable to the client to deploy the site. Our team will contact the clients hosting or point of contact for the client if they are self-hosting and begin the deployment process. Unless this is a self hosting project we usually do not need the client available and considering we like to do this late at night after business hours they may not want to be involved.

Once everything is set up with the hosting platform we deploy the site and do any necessary configuration and testing to make sure everything is working. Most of the time this is a pretty painless process and takes an hour or two at the most. Most of our clients go to bed and wake up to a bright shiny new site the next day. At least that is our goal during this phase…to bring you bright and shiny.

Maintaining

Now that your site is up and running we don’t stop there. We offer an ongoing retainer fee in the form of a maintenance contract. This contract assures you that your site continues to be managed indefinitely. Content needs to be added, code needs to be updated and security needs to be monitored and maintained. Rather than you having to bother with all that  we choose to leave you with the peace of mind that your web presence will remain up and running efficiently all the time. We remain vigilant and true to our customers web needs. Besides, out work will always be a reflection of who we are and how we served you.

Need a Site Built?

Let us build your site today.

Contact Us!