Arcadia Video Games Website

Client: Self (Arcadia Video Games)
Programs used: Dreamweaver, Illustrator, Photoshop
Languages used: HTML5, CSS, Javascript, PHP

View Protosite →
View Client Staging Area →

This site is a fictional eCommerce site made for my User-Centered Design class. We were encouraged not to find an outside client so we could come up with our own ideas and business plans. Which means this is the first project I’ve worked on where I had complete creative control, not counting coding exercises and art turtorials. Concieved as the ultimate video game buying experience, the design takes cues from the best of ‘80s and ’90s gaming. Most notably, the palette and zigzag motif is borrowed from Sonic the Hedgehog, and its love of geometric flourishes. The response I’ve recieved just from this protosite has been overwhelmingly positive. In fact, my teacher now uses this site & client staging area as an example for other students.

See Also:

Arcadia Video Games: A design tour →

Research

My research began, like good research should, first by determining who my target audience was, and finding out what their needs were. Luckily, I’m a part of this demographic. Of course, since we don’t just design for ourselves, I spent time interviewing fellow gamer friends and colleagues. I also spent a lot of time looking at what other online game retailers did, evaluating what worked and what didn’t.

I took this data and created a Site Objectives document, and created a User Profile based on my interviews.

Information Architecture

Shopping Cart Interaction Design

Wireframes

View Full Wireframes →

Visual Designs

View Full Visual Design →

Final Site