Peapod 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

Architecture Document

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

wireframe

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

first mocks

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

Final Design

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

Thirteen years of Apple Online.

As the web and web-technologies march forward, it’s sometimes nice to take the time to look back at the evolution of the web and its design through a companies eyes.

One of the first companies to go online was Apple, here is a snapshot of their journey, design and products through the last thirteen years.