(SP) Initial Wireframe

5 Dec

Wireframe of the front page for “Small Packages” at the beginning of the project:

The front page, at the start of the project.

The front page, pre-UX.

At first impression, this is a visually-appealing front page.  (Obviously, it looks even better with all the graphics and non-clickable text that make up the interface.)  It has a clean and symmetrical design, it avoids gimmicky Flash and animated GIFs, the header and footer include the correct information, and the central image block draws your attention to the site’s body.  But even just looking at the wireframe, a few areas of potential improvement pop up immediately:

  1. There’s a mismatch between the webseries the site is designed to advertise and the emphasis that content is given on the page.  (ex. In the header, the buttons for “Season 1” and “Season 2” are the same size as the buttons for everything else.  The main image block in the body emphasizes the “Latest Episode” with a HUGE image.  But then it undermines that emphasis by creating equally huge images for “Latest News” and “Latest About Series”.)
  2. Half of the site falls below the fold.  That’s prime real estate, under-used.
  3. Buttons leading to the same content appear in multiple places.  In and of itself, not a bad thing.  But in this case, it feels like the intent is to make the front page look fuller than it actually is.  Meanwhile, each season full of episodes is squished into a small drop-down menu at the top of the page.

Preliminary diagnosis: A more streamlined organization of the elements will get  more content into the area above that fold, while replacing some of the images will put the visual emphasis squarely on the webseries videos.


Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s

%d bloggers like this: