CDUniverse.com Mock Redesign

Background


Below is a screen cap and a bit of information about CDUniverse from their about page.

Established in 1996, CD Universe is a leading Internet retailer specializing in the sale of domestic and imported music CDs and Imports, movies and video games to customers all over the world. We offer everyday low prices and a selection of product that is unmatched.

Color

I wanted to stick with the current blue color choices from the site’s current logo, and opted to use shades from that as the background color for stationary header bar and footer. The rough interactive wireframes gave me the idea to use the main features. I included in the header; like the logo, search bar account/profile link and cart link. I opted to use icons for the cart and account links.

Font Selection

I decided to use Google Web Fonts to make things look great and practical. I wanted to stick as close as possible to the original font choice of the company. They used a sans serif, thick font, with a square tittle for the “i” character. These three aspects guided my selection process. The fonts I considered were:

• Roboto
• Oxygen
• Raleway

I opted to go with Raleway because it has 9 different styles available from very thin to very bold. Oxygen only had three styles. The “C” character in Roboto was not circular enough. I chose to mostly use 16 px or above font size in most of the type to ensure the site is easily read.

Critique Implementation

Upon peer critique, I implemented the following changes and modifications into the presentation of the project.

• competitor analysis
• user flow chart

Presentation

I set out to design a presentation to make my design decisions clear and incorporate the major aspects of the project so far. I designed thumbnails by hand, then designed drafts in Adobe Illustrator, and made a project final presentation in Keynote.

Final Project

To see the results, visit my portfolio.

BackstreetMerch.com Mock Redesign

During my first semester at The Academy of Art University, one of the projects we focused on for my Principles of UX class was to redesign an existing e-commerce website. We were asked to pick one website to redesign and improve the UX. We were to decide if we wanted to radically change the way the page looks or refine the features to be more usable. The professor advised the class to ultimately choose the option that we feel the most inspired to accomplish.

I chose the site BackstreetMerch.com. While the offer a variety of merchandise, the user experience was not very pleasant.

For an overview of this project, visit my portfolio.

backstreetmerch

I started off by designing a wireframe. The professor asked us to design using simple squares and boxes that illustrate where the content would go.

backstreet-newwireframesmall

Then I began to research and analyze the competition, seeing what others websites offered or might be doing more effectively.

The next phase called for us to work to improve the layout/design aspects. I created a hypothetical screenshot of what my redesigned homepage would look like, as well as a mobile version of the redesign.

shelby_dustin_screenshot

Next, I designed a mobile layout mockup.

shelby_dustin_mobile_mockup

Final Project

To see the results, visit my portfolio.

Re-Branding: Stationery

The next re-branding project to tackle in my Intermediate Graphic Design class is Stationery. The assignment called for me to design the following:

1. Letterhead
2. Business Card
3. Envelope

For mine, I decided to accentuate the occurrence of the number three throughout researching and designing for this my client. Most notibly in the three colors of the Ethiopian flag that I kept trying to incorporate in my initial logo sketches, as well as the three tittles in the text of my client’s name.

For the final product, I punched holes where you see the dots in the physical copies of the stationary.

stationerybig

I also plan on incorporating this design motif in the next project, a direct mailer for my client.