Chloe Gunter

Q-Pond App

Project

Design and develop a prototype of a coupon app.

Role

Project Manager, UI/UX Designer

I lead a team of three people, including myself and developed a useable prototype. My contributions focused on branding, wireframes, ui comps, figma flows and branding.

  • Adobe Illustrator
  • Adobe InDesign
  • Figma
  • Persona Creation
  • Competitor Analysis
  • Style Tile
  • Wireframes
  • UI Comps
  • Figma Prototype

Design Process

I led a group to design and develop a coupon app prototype to make it easy and enjoyable to find coupons. My main contribution to this project is displayed and described in this case study.

Prototype

Branding

Once the concept and company name was finalized, I had a spark of inspiration for the logo design. With the play on word of the company name, I created a fitting mascot and logo icon.

    App Name

  • Q-Pond

    Location

  • San Diego, CA

    Primary Features

  • Search
  • Popular Deals
  • Number of Redemptions
  • Share Coupon
  • Redeem Coupon

    Secondary Features

  • Subscribe to Store
  • My Coupons
  • Personalize Feed
  • Referral Program
  • Manually Enter Coupon

Style Tile

This document was used to get the look and feel of the website visualized with the navigation bar, colors, fonts and imagery.

Research

My group and I researched what our target audience would be, Baby Boomer women. Each of us did personas for the three main age groups, I covered the Baby Boomer Persona. After we looked at our app's competitor and each did our own competitor analysis, I covered the Groupon analysis.

My teammates gave me all the content for the documents and I created the documentation graphics below.

Persona

My persona describes our main target audience Baby Boomers, specifically women.

Construction Image 1
Construction Image 2
Construction Image 3

Competitor Analysis

My competitor analysis is on Groupon, Q-Pond's main competition. The analysis describes the Groupon's Strengths, Weaknesses, Opportunities and Threats.

Content Structure

The information architecture is used to visualize the flow of how the user would get to each piece of content, a plan for the navigation.

Information Architecture

Figma Comps

Before I started developing all the figma comps for my groups prototype, I created six comps to create a solid visual design in addition to the style tile. My comps also gave the rest of my group more confidence in my ability to develop a well designed user-interface with all of our crituqes from the wireframes implamented.

Outcome

Designed and developed a figma prototype of a coupon app, with testable flows to click through for my groups' testing senarios. This app turned out great and is currently paused at a prototype level.

Prototype

Other Featured Work

View my other portfolio projects.

View

Coastline Pools

View

Womens Self Help Blog

View

Bike Shop

View

Developer Portfolio