Broadcastr

Design Directions - Base on the art directions and sketches, I started to develop two design directions, one with the telescope icon and one with a more typography driven icon to inspire an exciting feeling.

Logo Design Prototypes - Since this App is about discovering content by location. To make sure the logos looks like it is three dimensional and follows the real-world physics and perspectives, I started by prototyping physical logo marks with paper. Later I used these paper prototypes as a reference to create the digital logo marks.

Logo Design Sketches - I also started to create paper prototypes of the letter "b" in a three-dimensional fashion during my sketching logo designs. You can see a paper prototype I developed in the image above that looks like the letter "b" and an abstract telescope.

Branding Directions Exploration - During my exploration in logo mark, I explored more direction in exploring the icon "b" as a simple, antena, location anchor and telescope.

Logo mark - After creating two design directions, the client chose the three dimensional "b" as a telescope.

Door Sticker design.

Homepage Design.

User Discovery Flow - the most challenging system for this project is to display the stories also called "broadcast" as single stories, collections in three different views: map view, cover view and list view.

To make sure the user interface matches the experience we have defined, I created a broadcastr visual system that includes all the possible styles and sizes for the mobile App.

App icons.

Broadcastr iOS mobile APP design from loading screen to broadcast detail view.

Broadcastr iOS mobile APP design showing user collections.

Three Different Ways to View a Broadcast - after sketching by hand and digitally, I decided to create an overall guideline to show case all of the different ways broadcast items and collections could be view through out the web site.

Dashboard Design showing collection grid view.

Dashboard Design showing the user draging a boradcast collection cover in grid view.

Grid view of individual broadcasts.

List view of individual broadcasts.

Dashboard Design in map view. Users can look through their collections by geographic location.

Dashboard Design in map view. Users can look through their collections by geographic location.

Zoomed view of the map shows the individual Broadcasts collections.

Even more Zoomed view of the map shows the individual Broadcasts.

Detailed view of the single broadcast information.

Final Dashboard Design Featuring Broadcasts View

Final Dashboard Design Featuring Map View