Story Spot

01_ Introduction


StorySpot was initially my blue sky project which I revisited and worked further on later.
During the class, I was given a task to work on anything that I like for a week - and the topic that I chose to work on was community.

In this project, I wanted to create a platform that could battle against the individualism.


How might we encourage people in the community to get to know each other, help one another, and get enaged in many different ways?

We exchanged goods in person, played games in the field, helped one another during the hard times, and had many small talks.
Nowadays, we don't know who's living nearby. We don't know what's going on in the community other than hearing/seeing the news from the mass media.
Is this the world we all wish to live in? What if our world could become much warmer?

my solution

StorySpot is where you can post your stories, giveaway items, share tips, and ask questions anonymously at your current location.
It is where you can see what other people in your community (within 500m range) think and care about.

If I were to explain briefly, I would say StorySpot is like an online bulletin board - just a little different from the old community boards in that it has the GPS built in.


  • User interview, research, and data analysis
  • Mobile + Desktop prototype

02_ features

Choose a location and explore stories within 500m range from that location

see the list of your stories and where you posted them at

Click to read the full story and see the replies from the community

mobile and desktop experience could be different one another, while still keeping the consistency of the over all design

03_ About

  • concept

We live in a culture that celebrates individualism, encourages the pursuit of personal profit, and emphasizes the moral worth of the individual.

Do you know your neighbors? Do you talk to anyone in your community who lives nearby? Do you find no value in these questions?

A platform built with a good intention for the community.

StorySpot allows users to give away items that they no longer use, exchange goods, spread important news, share fun stories or worries - simply help one another in many ways.

  • 500m range

During the interviews, privacy issue was frequently brought up.
I received several ideas and feedback from the interviews and in the end, I chose to add a 500m range system into StorySpot to protect the privacy.

What is and why '500m range'?

  • Users can see other users' posted stories within 500m range from a specific location. So this means that users can't know the exact location of where the story was posted.
  • 500m range gives enough room for privacy and proximity.

Why stories by location?

  • You can relate to the stories more because they are around you.
  • You can get engaged more because of proximity.
  • Information and stories are reliable.

Because users can only write stories at their current location, you know that the story is valid on that location and is more reliable - whereas if GPS is not built in, people can write assumptions, outdated, or incorrect information on a chosen location.

04_ research

  • interview

6 participants
I asked 5 questions:

  • Do you consider your neighbours important? Why?
  • Do you consider your neighbours important? Why?
  • For what reasons do you usually get engaged in your community?
  • How do you access news, events, stories, or any kind of information in the community?
  • What is missing in your community?

I received a lot of feedback that people often find events, news, and announcements from posters and pamphlets posted on the bulletin board.

This is the moment that I thought that it'd be useful to have an online bulletin board.

After gathering ideas, I narrowed down my project scope to mainly focus in the community board - a common online bulletin board that many of us are familiar with.

After collecting and summarizing the findings, I created two personas to reflect the possible users.

  • affinity diagramming

9 participants
I did card sortings with 9 participants to narrow down the scope and also come up with the list of the features and the possible information architecture.
I did two separate card sorting exercises:

  • Individual card sorting - 3 participants
  • collaborative card sorting - 6 participants

05_ prototyping

  • wireframing

As soon as I came up with a few wireframe sketches, I did user testings right away to bring in more ideas, receive feedback, and do iterations more effectively.

  • userflow iterations

At some point, I realized that there are too many different ways to arrange my contents and features. To choose the most effective layout, I explored different userflows (resulted from different possible layouts).

  • layout iterations

I experimented on creating different layouts by using:

  • folder/tab menu
  • hamburger menu
  • columns and rows
  • buttons
  • dropdown menu
  • slide menu

  • screens

06_ Takeaways

  • Optimize

In this case study, I learned to optimize the user experience by providing the efficiency.

In the midst of the study, I realized that there are so many different ways to arrange the contents and features and I really struggled to create a layout that is not only simple and easy to use but also efficient. I made sure that users can use this platform with a few clicks and with no confusion.

To find the most efficient layout, I ended up experimenting a lot of times and the result is- I think I now have a better understanding in the layout system and can construct the whole system and possible interactions more effectively.

  • Mobile vs Desktop

I learned to consider the mobile and desktop experience separate from one another, and yet still connect them together to provide a consistent experience across different devices.