Work

These are adaptations of work I’ve been doing while at Luno. I’ve changed them slightly and used them as ways in which I can get my thoughts out into designs, understand the problem and practise solving problems. Below I’ve outlined different areas of product design I’ve been working on. I used these as ways to practise iteration and the larger design process. I try to add to this list every week, depending on when I have time.

Onboarding

While at Luno I worked on the onboarding process. We knew we could improve a few areas but we wanted to understand how and why. I facilitated two design sprints, the first one was to understand what our mission was as an onboarding pod (small cross-functional build team) and the second was to start that mission and generate a prototype we could test. Before we started the first design sprint, I conducted customer interviews, stakeholder interviews and did a competitor analysis. I surfaced customer pain points, business strategies industry patterns which I fed into the design sprint as lightning talks. Here is a summary of the outcome of these design sprints and the product design work to follow.

Selected screens from an onboarding process

Verify your mobile number

This is another area of onboarding that, which is adding in your mobile and confirming the number. The interesting part of this was understanding micro-interactions and affordance, we chose not to use a normal input field for the confirmation code and break it up into 4 separate mini-fields that indicate 4 separate digits. We added animations to the input blocks to show if a code was incorrect. The input field auto confirms, once the confirmation code is added in correctly, so that the customer has less interaction holding them back on the “boring” stuff, so they can get on with the task they came here to do.

Verifying your mobile number

Charts and prices

These screens are based on the transactional flows I worked on for Luno and Allan Gray. Design plays a very important role transactions, especially for cryptocurrencies, design makes the abstract tangible and easier to comprehend. The focus was on providing an easy to understand flow for customers to buy Bitcoin and understand that they don’t have to buy an entire Bitcoin to start their cryptocurrency journey. This exploration below looked at recurring payments, price alerts, confirmation screen and price charts.

Buying Bitcoin and setting up a recurring buy thereafer

News feed

While at Luno, I worked on a new section of the product called explore. The mission behind this section is to turn the crypto curious into the crypto confident. I am currently doing some research in this area, where I am doing customer interviews and usability tests on what we currently have. We’re trying to uncover what our customers currently understand about cryptocurrencies, what their vocabulary is that they associate with growing their knowledge and where they look for information to learn more about cryptocurrency along with where in the journey they get confused or lack information. The investigation behind the screens below looks at how we categorise information into easy and logical pieces to digest.

Exploring news and learning information about crypto

Currency Calculator

These currency calculator designs are from an investigation around understanding how people determine value in currencies. I created this calculator to test whether customers use their own currency as a reference to understand the value of cryptocurrencies. The point behind the calculator is allow a space for people to play around with numbers based on their own currency and then commit to buying Bitcoin.

Understanding the value of Bitcoin in your own currency

Investment Dashboard

At Allan Gray, I worked on designing an investment portfolio. We explored concepts like setting financial goals, understanding ling term investment by seeing how money grows over time.

Investment portfolio, setting up financial goals

Other work

Below is some older work from previous companies I worked at, which included The Western Cape Government, Flow Interactive (User experience & User interface agency), Ownpower (Start-up forcused on digital learning platforms) and Earth Touch (Nature broadcasting platform)

Western Cape Government

My role here was UX architect and my everyday duties consisted of;

  • user research
  • stakeholder interviews
  • systems analysis
  • persona developement
  • user experience mapping
  • heuristic evaluations
  • prototyping
  • wireframming
  • designing
IMG_1560
Screen Shot 2015-09-17 at 8.25.47 PM
Screen Shot 2015-09-17 at 8.26.17 PM
Screen Shot 2015-09-17 at 8.14.44 PM
Screen Shot 2015-09-17 at 8.14.55 PM
Screen Shot 2015-09-17 at 8.14.35 PM
back-end-flows-2015-07-07
resource1
Screen Shot 2015-09-17 at 8.17.06 PM
Screen Shot 2015-09-17 at 8.17.24 PM
Screen Shot 2015-09-17 at 8.17.48 PM

Ownpower

I worked a system while freelancing. This system was affiliated with the Western Cape Government, it was a system focused on distributing and growing skills in the Western Cape. I worked with a team of designers and business analysts to produce a platform for professionals to find out what is happening in their field and keep their skills up to date with the demand of markets. For this project I was responsible for;

  • product discovery
  • business modelling
  • journey mapping
  • interface design
  • visual and brand design
IMG_0954 (1)
tumblr_nba6unI6Mk1r1fruvo1_1280
tumblr_nba7idCaeI1r1fruvo1_1280
tumblr_nbaar0xPZV1r1fruvo1_1280
tumblr_nbaar0xPZV1r1fruvo3_1280
tumblr_nbaar0xPZV1r1fruvo4_1280
tumblr_nbaar0xPZV1r1fruvo5_1280
tumblr_nbaar0xPZV1r1fruvo6_1280

Flow Interactive

At Flow interactive I worked as a UX designer. I worked on:

  • visual graphics
  • interaction design
  • prototypes
  • mock-ups
  • user testing
  • stakeholder interviews
  • stakeholder analysis
  • persona development
  • user journey development
tumblr_mxyfurmdWW1r1fruvo1_r2_1280
tumblr_mxyh7zOW8m1r1fruvo1_1280
tumblr_mxyi5exWXO1r1fruvo1_1280
tumblr_my023gK9AV1r1fruvo1_1280
tumblr_my623c04yK1r1fruvo1_r1_1280

Earth Touch

At Earth-touch I worked as the digital designer for the online channel, I produced graphics and animated graphics for web.

  • Infographics
  • Digital pamphlets
  • Emailers
  • Animated inforgraphics
  • Title sequences
  • Motion graphics

An animated rhino info graphic made for Earth- Touch, showing the affect that rhino poaching has. It was my first animated infographic and was also published here ;http://webdesigncrowd.com/stylish-effective-infographics-with-typography/

An example of the infographics I produced:

tumblr_lq4cqdGFPF1r1fruvo1_1280
tumblr_lq4cv99DBt1r1fruvo1_1280
tumblr_lq4cyirzrk1r1fruvo1_1280
tumblr_lq4d4gIXuL1r1fruvo1_1280
tumblr_lq4dampEy61r1fruvo1_1280

Back to the top