Steelseries
Client
SteelSeries
Tools
Sketch
Duration
24 hours
Challenge:
Redesigning SteelSeries' current and outdated product software
Goal:
Designing a clean and modern software with a strong brand identity
Current Design:
SteelSeries' current software uses an overwhelmingly bright orange as it's CTA buttons.
With the ability to add engine apps as a user, there's no option to rearrange the apps.
The radio buttons don't have color indicators for when they're switched on.
Overall, the design of the software looks outdated and has an unbalanced use of colors.
Design solutions:
I created Mid to high fidelity mock up designs for the product software and conducted a quick A/B test with 11 individuals. The test consisted of individuals who didn't play any games to people who played games on the daily basis.
A/B Test:
question- "Which of the two screens do you prefer and why?"
A
“That orange color makes me crazy.”
“Gradient on the top nav? But the bottoms are flat. I don’t understand the white border in the buttons.
“This one looks cleaner, but I like ‘configure’ on the right. A’s images and texts look better sized, but the grid and list is a good option. Also, dota is fun.”
“I like the one with the red tabs. You can easily tell which screen you’re on compared to the other pic.”
"I like A cause the fonts are bigger.”
B
“I prefer B because it looks more polished. By polished, I mean that it looks more modern. A seems old school.”
“Top navigation is more clear and modern, buttons are on the right side of the card which is more logical to me. Also, I notice the options to change your view of the card on the top right corner.”
“I like B. There is a good balance of color.”
“B is easier on the eyes.”
“The design feels cleaner.”
“I like B because it’s cleaner.”
