Wacom Products Website

I was tasked with designing an informative website prototype to teach users something new. I chose to create a promotional website for Wacom drawing tablets and screens. Guided by user interface design laws and principles, my objective was to create a seamless browsing experience that enables users to easily compare products and make informed decisions.

Overview

Clear communication: Provide detailed product specifications and benefits in a clear, concise manner to guide users in making informed decisions.

Use psychological design laws and principles: Implement design strategies that engage users, enhancing the overall browsing experience.

Intuitive navigation: Design a user-friendly layout that allows visitors to quickly find the information they need without frustration.

Objectives

Team

Individual

Role

User Interface Designer

Deliverables

Project Proposal, Prototype

Duration

2 months

Tools

Figma, Photoshop

Process

Project Proposal

The first step was to organize and plan how I would use the different user interface design principles and laws into my website. I accomplished this by creating a project proposal that would outline how each one would be implemented throughout the pages of my design. Below is a link to the full proposal, where you can explore the detailed plan for using UI principles to create an engaging, user-friendly promotional website for Wacom’s drawing tablets and screens.

User Interface Principles

View Proposal

Von Restorff Effect

The Von Restorff Effect states that amidst similar objects, the one that differs visually tends to be remembered more easily. I implemented this in my “Compare Specs” page, where I list the specifications of each of the three tablets. However, I highlighted one as the “most popular” and included a brief description on why it was being recommended. The use of the blue border around this option differentiates it visually, making it stand out among the other tablets and easier for users to recall.

Multimedia Principle

The Multimedia Principle states that the inclusion of both words and pictures helps people learn better than text alone.