JASON JOHNUI DESIGN PORTFOLIO 2015
Status. Available for ContractWork.
DESIGN APPROACH
The 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 USED
Wireframing 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 EXPLORATION
I 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 APPROACH
The 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 USED
Wireframing 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 SITE
Design 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 APPROACH
The 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 USED
Wireframing 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 APPROACH
Extensive 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 USED
Wireframing 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]

Jason John UI Portfolio 2015

  • 1.
    JASON JOHNUI DESIGNPORTFOLIO 2015 Status. Available for ContractWork.
  • 2.
    DESIGN APPROACH The designof 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 USED Wireframing 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 EXPLORATION I 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
  • 3.
    DESIGN APPROACH The clientwas 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 USED Wireframing 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]
  • 4.
    CLIENT ROCKET READS[APP BRANDING PACKAGE] COMING SOON SITE Design 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.
  • 5.
    DESIGN APPROACH The clientwas 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 USED Wireframing 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]
  • 6.
    DESIGN APPROACH Extensive wireframingwas 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 USED Wireframing 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]