March 2015

My Secret L.A.

A small web application listing all of these places

Challenge

In March 2015, Los Angeles magazine featured an article listing the top L.A. secret. My team had to convert it into a small web application so it allowed readers explore the list on their phone.

My Role

I was the online procuder and the UX designer on the project. I also worked with the editorial and business team to meet their needs on project.

Exploration

We had to build something small and be able to access a lot of people so we decieded to use mapbox for the location data (highly recommend it for small projects) because of its ease of use. Our time frame was short in having the projust live on the main site, so we rapidly build an html protoype from a rough scetch and once the core framework was up and running, we started playing with the design.

Phone exploration option 1
secret la
Phone exploration option 2
secret la
Phone exploration option 3
secret la
Phone exploration option 4
secret la

We didn't want to neglect big screen users especially when about 50% of visitors and ad revenue came from desktop.

Desktop exploration
secret la

Launch Product

We ended up with a red scheme and strong typography elements to reflect back to the article. We also created a way for users to filter a location by the type of activity you would find at the location.

Phone Screens

Phone home screen
secret la
Phone map view
secret la
Phone list view
secret la
Phone filter screen
secret la
Phone article screen
secret la

Desktop Screens

Desktop home screen
secret la
Desktop article screen
secret la