Background

Sqwell

WEB APP

WEB APP

WEB APP

WEB APP

WEB APP

WEB APP

WEB APP

WEB APP

WEB APP

UI/UX | GRAPHIC DESIGN

PROBLEM

Screen time is at an all-time high, leaving individuals and families needing an engaging way to reconnect with nature and discover nearby outdoor spaces.

SOLUTION

Sqwell is a web app that helps users find nearby parks through an interactive map and gamifies outdoor adventures with scavenger hunts and a points-based leaderboard.

TIMELINE

Feb−May 2024

01. Project Description

Sqwell is an interactive web app designed for individuals and families seeking to spend more time outdoors. With rising screen time and limited awareness of nearby parks, there was a need for an engaging tool to promote nature exploration.

The app provides detailed park information through an interactive map, allowing users to filter parks by distance and explore local plants and neighborhoods. Gamification elements, including scavenger hunts and a points-based leaderboard, motivate users with rewards and friendly competition.

Designed with accessibility and engagement in mind, the app features bright, inviting colors, earthy tones, and Sqwee, a playful squirrel mascot. Usability testing and persona development ensured a user-centered experience. Sqwell transforms outdoor adventures into interactive, rewarding experiences, encouraging users to embrace nature in a fun and engaging way.

02. Graphic Assets

Sqwell mockup of 2 phones, one showing home page, one showing the logocolour palette for sqwell project

03. Site Map

04. Wireframes

Sqwell sketches, and various fidelity versions

Interactive Wireframes

Explore various design iterations, including sketches, mid-fi and hi-fi wireframes, the style guide, detailed user personas, and a comprehensive usability test report—all showcased in the interactive Figma window below.

Interactive wireframes not working?Click herefor static version of Hi-Fi Wireframes.