Treasure header img
overviewsolutionideationconclusion

Treasure

A mobile app that highlights user’s favorite local and undiscovered small businesses.
Placed 5 out of 290 teams in Adobe Creative Jam x Instagram

Overview

Treasure is a mobile app that highlights users’ favorite local and undiscovered small businesses that are also known as gems on our platform. Our app allows users to promote their favorite small businesses to their friends and cultivate a community that supports small businesses, whether it’s local or international.

We were given a week to design and prototype for the event. It was then scored by professional designers and product managers. At the finale, we presented our final prototype live in front of a different panel of judges from Instagram and Adobe.
The Team
Fiona Truong
Tools
Adobe XD, Zoom
My Roles
UX/UI Design
Branding Design
Wireframes
Prototype
Motion Design
Timeline
1 week

Challenge

Big businesses have unlimited marketing resources, whereas small businesses and freelancers have to keep hustling to continue revenue flow. Instead of promoting ourselves, how might we design a solution to empower the community to highlight small businesses and/or creators through a platform of discovery?

Design an accessible third-party app for Android mobile devices that highlight people’s favorite local and undiscovered small businesses within a week for the Adobe Creative Jam x Instagram.
Treasure challenge img
Treasure challenge img
    Our Focus
    My partner and I agreed to focus on creating a simple platform with a fun and welcoming user interface with visuals and microinterations. Adobe XD's smart animation and timing function helped us achieve the animations we wanted in the prototype.
    comp analysis
    hmw arrow

    Solution

    Our app curates users’ personal interests to make it easier to discover businesses. Small undiscovered businesses are often referred to hidden gems and hence the name of our app Treasure.

    Treasure aims to connect local businesses and their customers. Here are the following features of our app to support this initiative:
    ✨ Onboarding
    Customize feed upon signing up to see small business recommendations nearby.
    treasure onboarding gif
    🧭 Explore Feed
    See what your friends and favorite local businesses are up to. Interact by liking and commenting. Feature hidden gems by sharing and reposting them onto you and your friends’ feed.
    Treasure gif explore
    💎 Small Business Profile
    One coherent timeline for users to easily find the latest news of a store. Posts of their items and services are listed in a separate tab to keep everything more organized.
    Treasure gif business
    💬 Chat with owners!
    One coherent timeline for users to easily find the latest news of a store. Posts of their items and services are listed in a separate tab to keep everything more organized.
    Treasure gif business
    🔖 Personal Page
    A space to view your personal timeline, posts, likes and saved gems.
    Treasure gif profile page

    Ideation

    Lo-fi Sketches
    We roughly sketched out ideas for the main screens.

    We wanted to make Green Cycle to be as simple as possible while letting it still be visually stimulating & fun for user’s to use and interact with.
    MY VISION FOR TREASURE
    comp analysis
    FIONA'S VISION FOR TREASURE
    comp analysis
    Graphic Components Design
    Based on our sketches theme of treasure and gems, my partner and I played around with sketches and iterated on it. This is our design process in creating the components we used in the app.
    SKETCHES
    MOCKUPS
    Treasure sketch
    Treasure arrow
    Treasure mockup
    Treasure sketch
    Treasure arrow
    Treasure mockup
    Treasure final logo
    ADDITIONAL COMPONENTS
    Treasure additional comps
    Treasure additional comps gif
    STYLE GUIDE
    We picked out colors and font styles that correlated to our crystal/treasure themed app whilst considering the visibility and accessibility to various audiences.
    Color Palette
    Treasure color palette
    Graphic Components
    Treasure graphic comps
    Font Style
    Treasure font style
    Font Sizes
    Treasure font sizes

    Conclusion

    What we learned and next steps
    • The importance of creating a strong theme and brand beforehand in order to make the designs cohesive.
    • Constant communication and voicing out our thoughts while designing is essential to working remotely as a team so that we are all on the same page.
    Although we got feedback for Treasure from the judges of the Adobe Jam x Instagram finale, we did not have the time to do user testing of our prototype. The next steps for Treasure would be to obtain more input with a series of user testing for small business owners and customers to see the feasibility of our features and how successful it is.
    Check out my other projects!
    Green Cycle ThumbnailBruinCreates Square thumbnail

    Treasure

    A mobile app that highlights user’s favorite local and undiscovered small businesses.
    Placed 5 out of 290 teams in Adobe Creative Jam x Instagram

    Overview

    Treasure is a mobile app that highlights users’ favorite local and undiscovered small businesses that are also known as gems on our platform. Our app allows users to promote their favorite small businesses to their friends and cultivate a community that supports small businesses, whether it’s local or international.

    We were given a week to design and prototype for the event. It was then scored by professional designers and product managers. At the finale, we presented our final prototype live in front of a different panel of judges from Instagram and Adobe.
    Jump to Solutions
    The Team
    Fiona Truong
    Tools
    Adobe XD, Zoom
    My Roles
    UX/UI Design
    Branding Design
    Wireframes
    Prototype
    Motion Design
    Timeline
    1 week

    Challenge

    Big businesses have unlimited marketing resources, whereas small businesses and freelancers have to keep hustling to continue revenue flow. Instead of promoting ourselves, how might we design a solution to empower the community to highlight small businesses and/or creators through a platform of discovery?

    Design an accessible third-party app for Android mobile devices that highlight people’s favorite local and undiscovered small businesses within a week for the Adobe Creative Jam x Instagram.
    Treasure challenge img
      comp analysis
      Our Focus
      My partner and I agreed to focus on creating a simple platform with a fun and welcoming user interface with visuals and microinterations. Adobe XD's smart animation and timing function helped us achieve the animations we wanted in the prototype.

      Solution

      Our app curates users’ personal interests to make it easier to discover businesses. Small undiscovered businesses are often referred to hidden gems and hence the name of our app Treasure.

      Treasure aims to connect local businesses and their customers. Here are the following features of our app to support this initiative:
      ✨Onboarding
      Customize feed upon signing up to see small business recommendations nearby.
      comp analysis
      comp analysis
      🧭 Explore Feed
      See what your friends and favorite local businesses are up to. Interact by liking and commenting. Feature hidden gems by sharing and reposting them onto you and your friends’ feed.
      💎 Small Business Profile
      One coherent timeline for users to easily find the latest news of a store. Posts of their items and services are listed in a separate tab to keep everything more organized.
      comp analysis
      comp analysis
      💬 Chat with owners!
      Personally chat with business owners about the items in their shop. Ask questions and voice your support for them!

      If the specific item you are inquiring about has a listing for sale online, a pop-up with ask if you want to be directed to the page after your conversation with the shop owner.
      🔖 Personal Page
      A space to view your personal timeline, posts, likes and saved gems.
      comp analysis

      Ideation

      Lo-fi Sketches
      My partner and I create separated sketched of how we envisioned our app to be with the main features we wanted to include. Our goal is to see what designs were more intuitive and suited for highlighting small businesses.
      MY VISION FOR TREASURE
      FIONA'S VISION FOR TREASURE
      comp analysiscomp analysis
      Because of the time constraints from the Adobe Creative Jam x Instagram competition, my partner and I had to go straight to creating our high fidelity design.
      Graphic Components Design
      Based on our sketches theme of treasure and gems, my partner and I played around with sketches and iterated on it. This is our design process in creating the components we used in the app.
      SKETCHES
      MOCKUPS
      Treasure sketch
      Treasure arrow
      Treasure mockup
      Treasure sketch
      Treasure arrow
      Treasure mockup
      Treasure arrow
      Treasure final logo
      ADDITIONAL COMPONENTS
      Treasure additional comps
      Treasure additional comps gif
      STYLE GUIDE
      We picked out colors and font styles that correlated to our crystal/treasure themed app whilst considering the visibility and accessibility to various audiences.
      Color Palette
      Treasure color palette
      Graphic Components
      Treasure graphic comps
      Font Style
      Treasure font style
      Font Sizes
      Treasure font sizes

      Conclusion

      What we learned and next steps
      • The importance of creating a strong theme and brand beforehand in order to make the designs cohesive.
      • Constant communication and voicing out our thoughts while designing is essential to working remotely as a team so that we are all on the same page.
      Although we got feedback for Treasure from the judges of the Adobe Jam x Instagram finale, we did not have the time to do user testing of our prototype. The next steps for Treasure would be to obtain more input with a series of user testing for small business owners and customers to see the feasibility of our features and how successful it is.
      Check out my other projects!
      BruinCreates Square thumbnailGreen Cycle Thumbnail