Table of Contents:

Project Specs:

  • Objective:

    Design a mobile game experience with an intuitive user interface for virtual or in-person play

  • My Role:

    Project Lead, UX/UI Designer, Project Manager for Front-End Development

  • Tools Used:

    Figma, Photoshop, Illustrator

The Concept

What is The Hat Game anyway?

A Jointly-Crafted Agenda of Activities

Lorem ipsum dolor sit amet, enim ac quis lectus in, pharetra lorem sodales metus tortor, risus duis magnis magna lacus convallis, quis wisi et, volutpat pretium.

Lectus dolor quisque in ante cum nulla. Sagittis suspendisse, commodo nonummy ultrices nisl hac massa vestibulum, volutpat laoreet donec in, aliquet ridiculus praesent nullam.

Lectus dolor quisque in ante cum nulla. Sagittis suspendisse, commodo nonummy ultrices nisl hac massa vestibulum, volutpat laoreet donec in, aliquet ridiculus praesent.

The Hat Game explained

The Deeper Purpose

Lorem ipsum dolor sit amet, enim ac quis lectus in, pharetra lorem sodales metus tortor, risus duis magnis magna lacus convallis, quis wisi et, volutpat pretium.

Lectus dolor quisque in ante cum nulla. Sagittis suspendisse, commodo nonummy ultrices nisl hac massa vestibulum, volutpat laoreet donec in, aliquet ridiculus praesent nullam in semper.

The Challenge: Making It Into an App

Lorem ipsum dolor sit amet, enim ac quis lectus in, pharetra lorem sodales metus tortor, risus duis magnis magna lacus convallis, quis wisi et, volutpat pretium.

Lectus dolor quisque in ante cum nulla. Sagittis suspendisse, commodo nonummy ultrices nisl hac massa vestibulum, volutpat laoreet donec in, aliquet ridiculus praesent nullam in semper.

Back To Top

Research & Analysis

What do we need to know?

Playing the Game

Lorem ipsum dolor sit amet, enim ac quis lectus in, pharetra lorem sodales metus tortor, risus duis magnis magna lacus convallis, quis wisi et, volutpat pretium.

Lectus dolor quisque in ante cum nulla. Sagittis suspendisse, commodo nonummy ultrices nisl hac massa vestibulum, volutpat laoreet donec in, aliquet ridiculus praesent nullam in semper.

Finding Outside Inspiration

Lorem ipsum dolor sit amet, enim ac quis lectus in, pharetra lorem sodales metus tortor, risus duis magnis magna lacus convallis, quis wisi et, volutpat pretium.

Lectus dolor quisque in ante cum nulla. Sagittis suspendisse, commodo nonummy ultrices nisl hac massa vestibulum, volutpat laoreet donec in, aliquet ridiculus praesent nullam in semper.

Asking the Right Questions

Lorem ipsum dolor sit amet, enim ac quis lectus in, pharetra lorem sodales metus tortor, risus duis magnis magna lacus convallis, quis wisi et, volutpat pretium.

Lectus dolor quisque in ante cum nulla. Sagittis suspendisse, commodo nonummy ultrices nisl hac massa vestibulum, volutpat laoreet donec in, aliquet ridiculus praesent nullam in semper.

Back To Top

Sketches & Wireframes

How to Visualize the Flow?

Making It Rough

Lorem ipsum dolor sit amet, enim ac quis lectus in, pharetra lorem sodales metus tortor, risus duis magnis magna lacus convallis, quis wisi et, volutpat pretium.

Lectus dolor quisque in ante cum nulla. Sagittis suspendisse, commodo nonummy ultrices nisl hac massa vestibulum, volutpat laoreet donec in, aliquet ridiculus praesent nullam in semper.

Getting in the Flow

Lorem ipsum dolor sit amet, enim ac quis lectus in, pharetra lorem sodales metus tortor, risus duis magnis magna lacus convallis, quis wisi et, volutpat pretium.

Lectus dolor quisque in ante cum nulla. Sagittis suspendisse, commodo nonummy ultrices nisl hac massa vestibulum, volutpat laoreet donec in, aliquet ridiculus praesent nullam in semper.

Keeping It Flexible

Lorem ipsum dolor sit amet, enim ac quis lectus in, pharetra lorem sodales metus tortor, risus duis magnis magna lacus convallis, quis wisi et, volutpat pretium.

Lectus dolor quisque in ante cum nulla. Sagittis suspendisse, commodo nonummy ultrices nisl hac massa vestibulum, volutpat laoreet donec in, aliquet ridiculus praesent nullam in semper.

Back To Top

Mockups & Prototype

how can we bring it to life?

Now the Really Fun Part!

Lorem ipsum dolor sit amet, enim ac quis lectus in, pharetra lorem sodales metus tortor, risus duis magnis magna lacus convallis, quis wisi et, volutpat pretium.

Lectus dolor quisque in ante cum nulla. Sagittis suspendisse, commodo nonummy ultrices nisl hac massa vestibulum, volutpat laoreet donec in, aliquet ridiculus praesent nullam in semper.

From Static to Interactive

Lorem ipsum dolor sit amet, enim ac quis lectus in, pharetra lorem sodales metus tortor, risus duis magnis magna lacus convallis, quis wisi et, volutpat pretium.

Lectus dolor quisque in ante cum nulla. Sagittis suspendisse, commodo nonummy ultrices nisl hac massa vestibulum, volutpat laoreet donec in, aliquet ridiculus praesent nullam in semper.

Back To Top

Resolving UX Issues

What could go wrong?

Rethinking the User Journey

Lorem ipsum dolor sit amet, enim ac quis lectus in, pharetra lorem sodales metus tortor, risus duis magnis magna lacus convallis, quis wisi et, volutpat pretium.

Lectus dolor quisque in ante cum nulla. Sagittis suspendisse, commodo nonummy ultrices nisl hac massa vestibulum, volutpat laoreet donec in, aliquet ridiculus praesent nullam in semper.

Making the Experience More Intuitive

Lorem ipsum dolor sit amet, enim ac quis lectus in, pharetra lorem sodales metus tortor, risus duis magnis magna lacus convallis, quis wisi et, volutpat pretium.

Lectus dolor quisque in ante cum nulla. Sagittis suspendisse, commodo nonummy ultrices nisl hac massa vestibulum, volutpat laoreet donec in, aliquet ridiculus praesent nullam in semper.

Understanding Technical Components

Lorem ipsum dolor sit amet, enim ac quis lectus in, pharetra lorem sodales metus tortor, risus duis magnis magna lacus convallis, quis wisi et, volutpat pretium.

Lectus dolor quisque in ante cum nulla. Sagittis suspendisse, commodo nonummy ultrices nisl hac massa vestibulum, volutpat laoreet donec in, aliquet ridiculus praesent nullam in semper.

Back To Top

Testing & Revisions

How can we improve this?

Getting User Feedback

Lorem ipsum dolor sit amet, enim ac quis lectus in, pharetra lorem sodales metus tortor, risus duis magnis magna lacus convallis, quis wisi et, volutpat pretium.

Lectus dolor quisque in ante cum nulla. Sagittis suspendisse, commodo nonummy ultrices nisl hac massa vestibulum, volutpat laoreet donec in, aliquet ridiculus praesent nullam in semper.

Evolve, Improve, Repeat.

Lorem ipsum dolor sit amet, enim ac quis lectus in, pharetra lorem sodales metus tortor, risus duis magnis magna lacus convallis, quis wisi et, volutpat pretium.

Lectus dolor quisque in ante cum nulla. Sagittis suspendisse, commodo nonummy ultrices nisl hac massa vestibulum, volutpat laoreet donec in, aliquet ridiculus praesent nullam in semper.

Back To Top

The Big Picture

Where can we take this concept?

More Than Just a Game

Lorem ipsum dolor sit amet, enim ac quis lectus in, pharetra lorem sodales metus tortor, risus duis magnis magna lacus convallis, quis wisi et, volutpat pretium.

Lectus dolor quisque in ante cum nulla. Sagittis suspendisse, commodo nonummy ultrices nisl hac massa vestibulum, volutpat laoreet donec in, aliquet ridiculus praesent nullam in semper.

Adding Ai Components

Lorem ipsum dolor sit amet, enim ac quis lectus in, pharetra lorem sodales metus tortor, risus duis magnis magna lacus convallis, quis wisi et, volutpat pretium.

Lectus dolor quisque in ante cum nulla. Sagittis suspendisse, commodo nonummy ultrices nisl hac massa vestibulum, volutpat laoreet donec in, aliquet ridiculus praesent nullam in semper.

Social Media Integration

Lorem ipsum dolor sit amet, enim ac quis lectus in, pharetra lorem sodales metus tortor, risus duis magnis magna lacus convallis, quis wisi et, volutpat pretium.

Lectus dolor quisque in ante cum nulla. Sagittis suspendisse, commodo nonummy ultrices nisl hac massa vestibulum, volutpat laoreet donec in, aliquet ridiculus praesent nullam in semper.

Back To Top

Wanna Work With Me?

I LOVE collaborating on creative projects and bringing ideas to life! My door is always open, so...hit me up if any of these apply:

You need help executing your vision

You'd like a creative business consultant

You wanna brainstorm some cool ideas

Get in Touch!