Game UI/UX

Take Me Back

Drawing of a woman riding a pink bicycle outdoors, with icons for health tracking and a key for memory on a tablet screen against a purple background.

An interactive, narrative journey that takes you back in time, bringing growth and healing.

Process

  • A mood board categorized into sections: visual aesthetics and art, UI elements, selected fonts, and color swatches. The visual aesthetics include illustrations of mountains, landscapes, and outdoor scenes. The UI elements feature mobile app interfaces, icons, maps, and game boards. The fonts section displays examples of two different typefaces with names. The color swatches consist of various color palettes, including retro, pastel, and natural tones.

    Moodboard

  • Screenshot of a digital document with the title 'Take Me Back'. The document describes a concept, story, genre, mechanics, emotion, and design goals for a game called 'Take Me Back' about revisiting past selves and childhood memories.

    Research

  • Screenshots of a mobile game's user interface called 'Take Me Back'. The app screens include game title and menu options, illustrations of a woman cycling through mountains, settings with sliders, inventory with bar graphs, and a map with numbered waypoints connected by a path.

    LoFi Wireframes

  • A collection of orange sticky notes with handwritten text, each with a different prompt or comment about organizing and collecting items, healing, and energy. The notes are arranged in two rows with four notes on the top and four on the bottom.

    User Testing Feedback

Final Prototype

I built the game prototype using Figma. Experience the story for yourself.