July 2013 – Dec 2013
Bionic
web app design + dev
Bionic is a web application created for media planners and ad sales reps to help organize and expedite their work. Though I didn't design this product from the ground up, I was responsible for redesigning multiple pages, as well as designing new features.
All screenshots shown for this project are primarily my designs, aside from some existing headers, etc. In addition to design, I was responsible for the markup and CSS for anything I created.
seller home screen
The main features I added to the seller homescreen was the ability to tab between active campaigns and potential campaigns, plus the ability to filter active campaigns by many different categories.
seller campaign screen
There's a lot of information that users need to see at once about a campaign. My goal here was to display all the necessary information in a clean, easily-digestable way.
seller new proposal screen
This is the view for adding a new proposal to a campaign. Again, we wanted a clear way to display a lot of information, as well as useful functionality such as being able to copy rows and reorder them.
media planner home screen
Again, there is a lot of information to display on this page, so I added a table that scrolls horizontally so all the data wouldn't have to be squished in. The more important columns are fixed when scrolling, so users can always see titles and will never lose functionality. There's a lot a user can do such as add rows, delete rows, clone rows, etc. We put a lot of this functionality under one dropdown for each row, to try and reduce some clutter without reducing functionality.
