Nathan Guo Portrait

Nathan Guo

Menu

Skip to content
  • UX/UI
  • Illustration
  • Art
  • Research
  • CV
  • 中

Snackhunt

UX/UI

Introduction

A year ago, I was travelling in Egypt and visiting a local supermarket. I would like to try the popular authentic snacks yet there’s language barrier and I get nothing from the colorful packages. How I wish that I can check a site which simply gives me the top snacks in certain country! How about a upvote platform like product hunt?

Teaming up with my friend @pinglu, we are aiming for the snackhunt MVP at the end of the year.

In the beginning, we worked remotely together in Miro app, listed out the potential and charming feature for the app.

basic concept brainstorm

Research Methods

The Survey

We prepared a survey with Typeform and distributed it among multiple groups between 12 to 35 year-olds. The purpose was to research on the snack bahaviors, user need/painpoints, and define proposition of the product.

user survey

Some Quotes Directly from Users:

“Snack for me is the cultural memory. The taste of hometown is something I really love to share with my friends now.”

“Definitely in the foreign cultures, I need guidance to find the special local snacks and street food. Even better with push notification that remind me nearby treasures.”

“I saw many YouTuber sharing their unique food travel experience and got so inspired. The local street food search and rating would be optimum for me.”

 

Core Brand Attributes

Inspire from Skool of Futur, we made a form also the table below. It navigating us to equip those attribute to the future product.

Futur diagram

Competitor Analysis

We’ve found a couple of competitors or the products that may inspire us.

Competitor Research

Road map

Based on our spare time, we set up the road map divided by different teams.

Roadmap

 

Reference Board

Medium posts, books, podcasts, visual snippet, tutorials and so many more. We constantly share our daily relevant materials and put them here. Miro gives us great freedom to organize them all on limitless canvas.

 

Reference board

Style Scale

To define the visual property and direction, we set up this style scale table in google sheet. Just to find out what visual asset we could generate.

Style Matrix

 

Branding Moodboard

We made a moodboard specifically for the visual design.

Mood board

Site Map

The next step we made is the site map. According to the features and user research, we came up the first site map, listing how the information structured.

Site map

User Flowchart

Up until now we had a roughly clear idea of how the app will function. Then we mapped the  basic flow of the user.

User flow whole

Customer slicing workshop

customer slicing 2
customer slicing

 

Persona creation workshop

user attributes

Story brand workshop

story brand workshop

User Journey

Afterwards, one of the key deliverable that we made is the user journey map. We had long conversation about the pain points and opportunities that users might encounter with our app. It outlines our typical expected persona and scenario.

User Journey map 2 whole

Screenshot 2019-09-04 at 13.11.36.png

user journey 3

Prototype

To make a proof of concept, we made a prototype on how the app could look like and behave. There are way more steps to cover. Please stay tuned and we will update this post.

Comp 2_1

 

To be continued…

Post navigation

← Kid behavior Cards
Virtual Office Space →
Widgets

Archives

  • December 2017 (2)
  • June 2017 (2)
  • September 2015 (1)
  • January 2015 (3)
  • November 2014 (1)
  • October 2014 (1)
  • September 2014 (1)
  • May 2014 (1)
  • March 2014 (2)
  • January 2014 (1)
  • July 2013 (1)
  • May 2013 (1)
  • June 2012 (1)
  • Twitter
  • Dribble
  • Linkedin
  • Instagram
  • Vimeo
Create a website or blog at WordPress.com
  • Follow Following
    • Nathan Guo
    • Already have a WordPress.com account? Log in now.
    • Nathan Guo
    • Customize
    • Follow Following
    • Sign up
    • Log in
    • Copy shortlink
    • Report this content
    • View post in Reader
    • Manage subscriptions
    • Collapse this bar
 

Loading Comments...