JASON JOHNUI DESIGN PORTFOLIO 2015

Status. Available for Contract Work.

DESIGN APPROACHThe design of this app, which seeks to connect locals with people travelling to their city and vice versa was from the start focused on simplicity. The design seeks to entice users to participate by showcasing other users in their current vicinity. The features of the app are kept to a minimum to encourage instant comprehension of how the app functions while retaining the powerful ability to instantly connect with others, both in their own city and abroad.

TECHNOLOGIES USEDWireframing was done in Omnigraffle, design in Photoshop. The app is being developed on top of a clone of the Tinder source code to save development time. This was a constant con-sideration during the design of the app as we tried to diffentiate from tinder but retain the data model and some similar functionality.

MOODBOARD EXPLORATIONI created three moodboards to capture three different styles that could be used for the design of this iOS app.

CLIENT TRIBE IOS TRAVEL CONNECTION APP

DESIGN APPROACHThe client was looking for a sleek minimal aesthetic. I incorporated the line from their pre-existing logo and kept the design very sparse in order to let their stunning visual work shine through.

TECHNOLOGIES USEDWireframing was done in Omnigraffle, design mockups in Photoshop, site was built with HTML/CSS. I incorporated the wordpress back-end to allow the client easily customize the site’s content and continue adding their beautiful work.

CLIENT SEMPRE FILMS [website Design]

CLIENT ROCKET READS [APP BRANDING PACKAGE]

COMING SOON SITEDesign and production of a coming soon site for an iOS app that facilitiates early literacy in children. App was a winner of Toronto Startup Weekend 2014 and was subsequently accept as a client of Mars.

LOGO + BANNER ADVERTS Design of a logo and multiple banner advertisements as part of a branding package for this iOS app.

DESIGN APPROACHThe client was a UK based dog training company. They approached me with a pre-existing logo, from which I built out this scrolling site to showcase the services they provide and offer testimonials and contact information.

TECHNOLOGIES USEDWireframing was done in Omnigraffle, and design was mocked up in Photoshop. Site was built through a thorough modification of an existing wordpress scrolling template to better suit the site’s content and the brandt needs.

CLIENT CO-EVOLVE DOG TRAINING [SCROLLER WEBSITE DESIGN]

DESIGN APPROACHExtensive wireframing was necessary to reason through the various features of this messaging app. This allowed many elements to be paired down, resulting in a much more user friendly approach to what had originally been envisaged. A custom character was also designed for use in branding of the app.

TECHNOLOGIES USEDWireframing was done in Balsamiq Mockups, design mockups in Photoshop. The app is currently being developed for the iOS plat-form using the Firebase framework.

CLIENT GRUMBLR [IOS MESSAGING APP]