App Design Portfolio – Case Studies

Fitness First App

Fitness First required a new careers portal to be designed and built, powered by the PeopleScout SpringBoard recruitment application. The design needed to:

  • Seamlessly match the Fitness First branding style guide and main corporate website.

  • Include new Bootstrap features that did not exist in the standard Springboard template, such as a responsive slide-show, custom menu bar and footer, and icons that resized when moused over.

My Work

  • Design a new UI within the constraints of the SpringBoard template while also including all of the features and content the client requested.

  • Used bold stretches of colour, strong heading fonts and clean white space for an eye catching and easy to read design.

  • Coded the new UI in HTML, CSS, jQuery and Bootstrap.

SnogLog App

Skiggle Creative was a start-up that required a new FaceBook web app to be designed from scratch. SnogLog allows people to explore an interactive map of who’s kissed who, with comments on each ‘snog’ and the ability to tag others in snogs just like other FaceBook events.

VIEW PROJECT »

My Work

  • Feature discovery, UX design including user research, wire-framing, user flows, basic prototyping, basic user testing and refinement.

  • Thorough design of all necessary features including privacy, block lists, notifications, searching, tagging and more.

  • Full UI design of all screens and states in the interface with pixel perfect precision, balance and integration. Creation of a distinctive, coherent aesthetic.

  • Several variations of the interface and branding style, all centred around a dynamic, fluid and beautiful node map.

AIRBUS App

AIRBUS required a new careers portal to be designed and built, powered by the PeopleScout SpringBoard recruitment application. The design needed to:

  • Match the new AIRBUS branding guidelines, including strong gradients of colour.

  • Include new Bootstrap features to the standard Springboard template, such a boxed layout, and video links that would open within a modal pop-up.

My Work

  • Design a new UI within the constraints of the SpringBoard template while also including all of the features and content the client requested.

  • Coded the new UI in HTML, CSS, jQuery and Bootstrap.

Cosmetic Choice App

Cosmetic Choice had an existing directory web app for beauty and cosmetic surgery businesses. Their existing site was poorly built, outdated and did not offer a quality browsing or shopping experience. A new design was required which was modern, promoted more useful features, made businesses look great and was properly responsive/mobile friendly.

VIEW PROJECT »

My Work

  • Reorganised the old site’s content into a new more user-friendly structure and added new features.

  • Designed a new modern flat UI based on the logo colours that was clean and well spaced. Used balanced, consistent and proportional margins and spacing throughout, creating a more cohesive appearance.

  • Fit a large number of features into a small amount of space on mobile without creating a cramped layout.

HandShake App

Handshake required a new reputation management web app to be conceived, tested and designed. My solution needed to:

  • Identify and solve a real market problem.
  • Feature a clean, easy to use interface based on user testing.

  • Have a strong sense of brand identity.

My Work

  • Full UX design, including user research, wire-framing, creating an interactive prototype in JustInMind, and user testing.

  • Refined the design to bring clarity, a strong value proposition and ease of use.

  • Created a polished UI for all screens of the app using Sketch. Rounded boxes with significant white space and complimentary and contrasting colours ensured that all key features were easy to identify.

ASIC

ASIC required an updated careers portal to be designed and built for their graduate program. This site was powered by the PeopleScout Springboard recruitment platform in the back end.

VISIT WEBSITE »

My Work

  • My work involved converting ASIC’s content into the modern SpringBoard template design.

  • Built the site using standard SpringBoard template features to be visually clean and easy to use.

GAAWK Analytics App

Skiggle Creative required a concept for a web app proposal for their client. The Gaawk app would track the volume and sentiment of articles on social media, and display this information visually rather than just via text or graphs. The time available for the project was 4 hours.

My Work

  • Conceived of a way to visually represent the number of social media comments on an article by showing summaries of the top articles scaled according to their social media comment count.

  • Designed an innovative tracker at the right which would grow in size as the comment count increased, and rise up or down depending on the quality of the sentiment (positive or negative).

  • Integrated the features into an attractive and cohesive interface.

SpringBoard App

As a side project while working at PeopleScout, I took the initiative to redesign the outdated Springboard app user interface. Issues it had included:

  • Cramped, hard to read interface.

  • Very old design that was not up to date with current trends.

  • Poor use of available white space.

My Work

  • A complete UI design overhaul featuring modern rounded boxes, full use of available space, more clearly identifiable functions and balanced white space around all elements for ease of use and readability.

  • Use of large, clean, flat icons and modern, easy to read typography.

  • Richer, more visually appealing use of the Springboard brand colours. Complementary colours and variations used in each section to tie the product and brand together more effectively.

His N Her Deals App

His N Her Deals required a new group buying website similar to Groupon to be designed and built, based on a heavily customised WordPress plugin. The site would be split down the centre to feature deals for men on the left and women on the right.

My Work

  • Full UI design for the whole app, including significantly customising the group buying plugin features to allow for the functionality the client wanted.

  • Dramatic deep blue and pink gradients were used throughout the site to clearly indicate the men/women divide.

  • Significant amounts of information were condensed in a small amount of space in a visually attractive interface.

  • Fully custom form UI elements were designed and coded to give a flawlessly branded user experience.

  • Project managed a team of overseas developers to build the app.