Digital Storm Product Page Redesign

Gaming PC Product Page Redesign

Overview

Digital Storm is a boutique computer manufacturer specialize in high-performance gaming PCs. I helped the company to redesign their product page for a new brand campaign to launch their 2017 products. The goal of the redesign to portray more of a lifestyle appeal to the users through using a storytelling format.

Visit Live Link

Softwares Used

User Persona

Digital Storm has three major target audiences. The target audience that I redesigned the product page for was average PC gamers. I built a persona base on surveys conducted to figure out what average gamer's lifestyle and gaming preferences are.

The link to the survey is here

Age: 32
Occupation: Restaurant Chef
Status: Single
Archetype: FPS, social MMO Player
Bio:

Mike started playing games in jr. High. Due to busy schedule, he now only has time to play games after work for a couple hours. He looks for something affordable, and performs efficiently, has fast loading time. He keeps his life minimalistic and wants to a game pc that displays nicely at home.

Goals:
  • Play game for entertainment & for social frameworks, MMOs.
  • Play games after work to wind down.
  • Looking for an immersive experience where they can loose themselves in.
  • Looking for performance.
Frustrations:
  • Bought a new video card, and it got way too powerful for his current CPU. So needed new motherboard and new memory.
  • His PC will get stuck when he customize characters.
Frustrations:
  • Bought a new video card, and it got way too powerful for his current CPU. So needed new motherboard and new memory.
  • His PC will get stuck when he customize characters.
Hobbies:
  • Eat Ramen with friends
  • Watch Marvel or Action movies
  • Train dogs on the side

SWOT Analysis

Strength

  • Responsive Web Design Layout optimized for mobile
  • Large Hero Image with CTA button
  • Simple navigation throughout the website
  • Visual Hierarchy using strong Contract in color of banner
    • Read More

Opportunity

  • New Ideas to improve repeat visits
  • More fluid process in cumbersome process in customization
  • Making financial option more visible
  • Make creditable sources more visible
    • Read More

Weakness

  • Menu on mobile is outdated
  • Need to boost the effectiveness of hero image space by adding more compelling headlines
  • Too much text on landing page
  • Need more interactivity to make the page come alive
    • Read More

Threat

  • Competitor's focus on maintaining a fresh main page
  • Competitor's clearly labled steps in customizing a product
  • Competitor's visible financing program
    • Read More

Competitors

Falcon

  • Responsive Web Design Layout optimized for mobile
  • Large Hero Image with CTA button
  • Simple navigation throughout the website
  • Visual Hierarchy using strong Contract in color of banner
    • Read More

Main Gear

  • New Ideas to improve repeat visits
  • More fluid process in cumbersome process in customization
  • Making financial option more visible
  • Make creditable sources more visible
    • Read More

Origin

  • New Ideas to improve repeat visits
  • More fluid process in cumbersome process in customization
  • Making financial option more visible
  • Make creditable sources more visible
    • Read More

Final Design

Live Link

Design Inspiration

We wanted to carry the following themes through out our new product page web campaign.

  • Minimalistic
  • Mobile First Responsive Designs
  • Large typography improve ease of understanding
  • Cinematic Photos to portray lifestyle to the user
  • Use of negative space to distinguish elements
    • Inspiration Sites

Style Guide

PDF Link

MoodBoard

Final Design

Live Link