Architecture and Design Process

When Peapod Studios begins creating a website, we’re not just simply collecting a few key pieces of information and moving directly into the build process.

There is a great deal of discovery and strategy that goes into creating the final products we deliver. We start with several sessions of discovery, where we set the basic goals and criteria we’d like the clients site to meet.

Then we develop several individualized personas of who the key users and stakeholders of the site will be. Personalizing a users experience dealing with a website is a key part of ensuring success. We develop several pathways throughout the site, for them to easily obtain the information they desire or have come for while navigating the site.

Architecture and Strategy Documentation

asig04

We take all of this information and use it to develop our Architecture and Strategy document. This will serve as a resource for both our developers and the client to refer to as we move forward to the point where we can begin the preliminary site mapping and wire-framing of the eventual site build.

WireFrames

asig01

Once we have established the web sites core functionality and layout only then can we move into creating the initial rounds of designs, a process we call skinning. Initially we like to provide the client with three distinct rounds of creative, allowing the client to have several choices in the future direction of the design.

Design Begins

asig02

Taking the clients feedback from the intial three mockups we can begin to build out more honed designs based on their feedback. This is not a perfect science, sometimes a client will go through more than one round of creative, although sometimes we nail it from the get go.

Design Sign Off

asig03

With all the elements in place, we finally have the basis for build.

The documentation we have from the preliminary steps allows the developers to work knowing the ins and outs of the final structure, and gives them an extensive library to refer to. Art direction is minimized as most of the design lives within the styles created in the skinning stage.

Asigra.com