Wordwise
Dictionary

Overview

Discipline
User Research, Product Design, Coding, Prototyping.
team
Individual project
timeline
4 weeks
tool
Figma, VSCode

Introduction

I created Wordwise Dictionary, a web app designed to provide quick, distraction-free word searches with a clean interface. After doing advanced user researches, I coded the web app prototype using HTML, CSS,  JavaScript, and Dictionary API application.

The product gives users a comprehensive database of definitions with user-friendly design, and a night mode for easy reading in low light. This project highlights my skills in user-centered design and web development.

Key Features

Welcome Screen
A clean and simple introduction screen with the Wordwise logo and a "Get Started" button to begin using the app.
Search Screen
A user-friendly interface where users can enter text to search for words, with an option to toggle night mode for better visibility in low-light conditions.
Search Results Screen
Displays the definition, pronunciation, and usage examples of the searched word, with an audio pronunciation option and a night mode toggle.

Night-mode Screen
A dark-themed version that enhances readability in low-light environments, with all the same word information features.

Design Process