Local Social App

It’s all good in the hood

As a visual design exercise, I reworked some screens from a location based app that pulls in social media from a nearby, trending, or user-defined area. The functionality is all based on an existing app. I specifically wanted to explore information hierarchy, fluid transitions between states, and a dark color palette.

Mocks of Different Sections of the App

One of my main goals was to make sure that relevant information was always available to the user. The main metaphor of the app is a feed. The feed is a collection of posts and each feed is tied to a geographic area. The main pillars of the app are different feed, made up of posts tied to a specific geographic area. These areas could be user defined, trending, maintained by another user, or nearby. I tried to make sure that on a post, users could easily see who created that post, and, more importantly, where that post was coming from.

Example of a Post

It was also important to differentiate posts by content type while keeping a clear design system. Since this app pulls in content from other social media sites, there is no creation element, only curation, it was important to make sure the user knows where it came from. This goes a long way in creating trust between the user and the product, as well as setting the correct expectation for where the user will go when they tap on the post.

Around the time I was working on this, Apple introduced the “screen edge swipe” into iOS and I really wanted to incorporate that in the navigation of this app. Working first in pen and paper, I defined the different interactions. Then I translated these decisions into After Effects. (Unfortunately, prototyping tools were not yet enjoying the prominence that they are now.) You can see how it works in the video below.

Video Walkthrough

Thanks for taking the time to read this. If you would like to get in touch with me with any questions or feedback, my email is JonathanLampron@gmail.com

One clap, two clap, three clap, forty?

By clapping more or less, you can signal to us which stories really stand out.