Design and development project

Tic-Tac-Toe

A classic game designed in Figma and coded with HTML, CSS, and JavaScript.

Tic-Tac-Toe game interface banner

Role

UI Design / Development / Testing

Tools

Figma / VS Code / HTML / CSS / JavaScript

Process

Design / Development / Testing

Build

Designing and coding the game loop

The project covered UI design, development, and testing for a classic Tic-Tac-Toe game.

It used Figma for design and VS Code with HTML, CSS, and JavaScript for implementation.

Outcome

A development challenge with design lessons

This project was challenging because it involved development, pushing me to expand my skills.

I learned how to use HTML and CSS to apply colors and styles that made the game more engaging, while also considering combinations and scenarios to ensure the code handled gameplay effectively.

Artifacts

Design evidence

Tic-Tac-Toe mockup one
Tic-Tac-Toe mockup one
Tic-Tac-Toe mockup two
Tic-Tac-Toe mockup two
Tic-Tac-Toe mockup three
Tic-Tac-Toe mockup three
Working Tic-Tac-Toe prototype
Working Tic-Tac-Toe prototype

Let's work together.

Have a product idea, portfolio question, or UX challenge? I'd love to hear about it.

Email Areej