Custom Clacks

UI/UX Case Study & Design Project
Role: UX Researcher, UX/UI Designer
Tools: Adobe XD, Adobe CC, Pen and paper
screen shots of app

Overview

To create an engaging, informative, and community-driven webpage for mechanical keyboard hobbyists, offering resources, guides, and a platform for enthusiasts to explore, customize, and discuss mechanical keyboards.

The Problem

A common problem in the keyboard community is the challenge of finding reliable information and trusted sources for high-quality parts and customization options.

Solution

Lack of centralized resources for mechanical keyboard hobbyists, who often have to search multiple sites for guides, reviews, and community discussions. It also provides a platform for enthusiasts to share their builds, ask for advice, and find trusted parts in one place.

Key Features

Build Guides & Tutorials
Step-by-step guides for building, customizing, and maintaining mechanical keyboards.
Community Forum
A space for hobbyists to share builds, discuss trends, and ask for advice.
Product Reviews & Recommendations
In-depth reviews of keyboards, switches, keycaps, and accessories.
Switch & Keycap Database
Comprehensive database for users to explore different mechanical switches and keycaps.
Marketplace
A place for enthusiasts to buy, sell, or trade keyboards, switches, and other components.

Understanding the User

Primary Audience

Mechanical keyboard hobbyists, from beginners to seasoned enthusiasts.

Secondary Audience

Gamers, typists, and tech enthusiasts curious about mechanical keyboards.

User Personas

User Research Table
User Research Table

Market Research

User Research Table
User Research Table

Affinity Map and User Journey

User Research Table
User Research Table

Wireframes

Engagement

Encourage interaction through community features and dynamic content.

Clarity

Present technical details and customization options in a clear, accessible manner.

Customization

Reflect the hobby’s focus on personalization with a highly customizable interface.

User Research Table
User Research Table
User Research Table

Wireframes

Engagement

Encourage interaction through community features and dynamic content.

Clarity

Present technical details and customization options in a clear, accessible manner.

Customization

Reflect the hobby’s focus on personalization with a highly customizable interface.

User Research Table
User Research Table
User Research Table

High Fidelity

User Research Table
User Research Table
User Research Table

Takeaways

  • Researched and engaged with the mechanical keyboard community to understand their passion and expertise.
  • Designed a visually appealing platform with intuitive navigation and robust search functionality.
  • Incorporated user feedback to refine features and ensure alignment with community needs.
  • Prioritized accessibility to create an inclusive and user-friendly experience for all.