I am a selfless and empathetic leader who seeks to improve those around me. I am a natural problem solver and solution-driven individual who seeks to understand the industry and use best practices. I am also dedicated to personal and professional growth. I am knowledgeable in product development and tend to take a structured approach to solve problems and finding solutions while encouraging collaboration and team building.
I am approachable, empathetic, and a mentor. I am skilled in the world of Product, UX and design and have the ability to bring a team together and raise energy levels. I can navigate organisational politics and am an adept collaborator.
I have a passion not just for design but also for leadership and business strategy and am driven to streamline processes in the workplace for optimal speed and effectiveness.

Product Design Lead

UX Lead project

Fully digital bank

An ambitious project building a digital bank from scratch

Take a look
Side project

Firefinch birding app

My side project - a birding app case study

Take a look
UX Project

Insurer project

In a team of two UX designers we were tasked to enhance the sales experience across three channels: online, call center and field agents (brokers)

Take a look
UX Project

Ultimate Aim App

Ultimate Aim is a social rating app. Get a professional rating as an amateur player or give your star players a rating as a supporter.

Take a look
UX Project

Momentum Digital

The Momentum digital team is the core team designing and maintaining the Momentum website and the design system.

Take a look
UX Project

Momentum CSI Page

Momentum Corporate Social Investment is Momentum's department for investing back into the communities.

Take a look

My work is to find any assumption and then to doubt it. I have a very uncertain job.
I try, as a designer / thinker / observer / problem solver, to create for a good experience. Only to experience my own creation of experience through someone else. And every time I experience my own work, I learn something about myself.
A good experience would be: a human experience.

If it's not human, it's not a good experience - it's inhuman.

The human experience

UX Lead project

Fully digital bank

View
Side project

Firefinch birding app

View
UX Project

Insurer project

View
UX Project

Momentum Digital

View
UX Project

Ultimate Aim App

View
UX Project

Momentum CSI Page

View
UX Lead project

Fully digital bank

UX Lead project

Fully digital bank

Side project

Firefinch birding app

Side project

Firefinch birding app

My side project - a birding app case study

Role: UX processes, developer
Opportunity: A connection with a book writer / ornithologist

Download the app at: iOS Store or Android Play store

In this new birding app, the legendary Faansie Peacock provides a fresh, simplistic and modern approach to birding - making the wonderful world of birding accessible to all.  It is not only an artistic masterpiece, but an empowering tool by providing a learning experience with regular posts/articles from the master.  

It includes beautiful illustrations of all the birds of Southern Africa, making birds come alive with the bird illustrated in context/habitat.  Key ID features and interesting facts are included on the illustrations.

The app includes annotated photos as well as annotated sonograms, a first for world of birding apps! Distribution maps are multi-layered, providing an in depth understanding of what birds to expect when and where. Keep track of your life-list by adding lifers on the go. Adding your photos to the app is also in the pipeline!

Faansie’s Bird App is breaking the rules of the traditional monotonous “field guide on the phone” approach to Birding apps, with this new dynamic approach. It makes birding truly alive for everyone whether beginner or expert!

The approach

It is simple: Build a birding app that will delight the full range of birders, from beginners to professionals:

  • market fit research exercise (to know we won't be wasting our time)
  • A lean UX approach (hypothesis-driven)
Lean UX process

The point I wanted the team to understand was that every idea and solution is based on the assumptions we make. We therefore need to constantly learn what the needs of our users are and be able to adapt.

Setting up the steering wheel

Because we are all working together for the first time we needed to find a transparent way to know that everyone is moving and thinking in the same direction. So my brother led an exercise to help us determine our "why".

Our exercise of Simon Sinek's golden circle

Now we have a system where we can easily make choices on our own and keep everyone honest about where we are going. If a feature or idea is proposed that does not fit our "why" and help facilitates our "how", we can easily remove or improve it until it fits.

Hypothesis-driven thinking

We planned a user research workshop at a birding event that would happen a few weeks from then. I also knew that would be a great place to start learning about our potential clients.

To prepare ourselves, I led a hypothesis workshop. This helped us understand how we group our personas, what the user's needs are for birding and what features would address those needs. And now that we have our "why" it is easy to determine if a feature fits and how it should behave.

Here we made a list of all the needs we could connect to birding to start off with our exercise
The hypothesis exercise
An example of one of the hypothesis
Through the conversations, we could start identifying the types of personas and could map the different needs to it

What I've learned about this exercise is that it prepares everyone to start thinking in a hypothesis-driven way. Later, several other ideas formed, but we didn’t need to go through this exercise to write a hypothesis. The team understood how to hypothesise together.

Creating perspective

To put things into perspective, we then organised the hypothesis into an effort and impact diagram. It didn’t take long for us to start seeing dependencies between features and discern features that could potentially forma MVP. Now we just need to validate what we've put on our board. We needed to validate what we put on our board as we needed to determine what features would deliver value and make the app feasible, making it worth the after-hours we spend on it.

Our impact and effort diagram. We stopped at a certain point because it was clear what we needed to validate

User testing and validating our hypotheses

Faansie already had a stand at the birding event where he would sell his books. We came up with an idea to ask people passing by to help us build the perfect birding app. It was an interactive questionnaire to ask all the validation questions we brainstormed from the hypothesis. 

A0 printed questionnaire - page 1/2.

How it worked: a person would select the colour sticky that he/she can most relate to a specific persona type. Then that person would stick one of the colour stickies in the appropriate boxes as the person answers the questions. One-by-one. Every person completing the questionnaire would receive a sticker of an illustrated bird from Faansie.

Example of the resulted questionnaire
This is the stand. We also had a giant smartphone to for feature request (just in case we missed something)
People interacting with our questionnaire

We gathered qualitative data as we asked the users why they picked certain answers. Throughout the day I made several notes on observations while walking with the birders. All these data led to other valuable insights and confirmed a few hypotheses of ours. For example 2 more personas types can be added later if we need to pivot.

Some of the ideas that came out as I was interviewing the willing people
Notes I made while observing and interviewing willing people

The results

The conclusion, based on the feedback from the event was that a feature set from our hypotheses was still feasible in the birding market! This was further supported through interviews where people indicated that although there is some competition in the market, the passionate birders usually have several bird guide books and multiple popular bird guide apps. This led us to the conclusion there is a market for another app like those availableUsers would buy it because it would tell them the same story, but from a different interesting angle and they would find the value in that.

Stats from the survey confirmed this in addition to how each persona would show interest:

All the personas showed interest in buying a new one
The field guide and identification tool are somewhat the same concept, but also confirmed a field guide app (and some roadmap features)
This indicated the detailed features we should be focussing on in a field guide app
People will find value in a new app
The mediums that are usually the methods to communicate information in guides. People seem far more interested in media then write-ups. Even the extreme double pro personas

Validated hypothesis

To take it back to the earlier defined hypothesis, we received great context and learned a great deal on how and what is important of each stage of a birder (persona) and how we could enhance their birding experience.

The earlier defined hypothesis (now validated)

Feature prioritisation

Now that we know what is feasible, I did a competitive analysis on the apps available that fits in our category to determine the features we will be competing against. I downloaded the apps, analysed the features and flow, and read reviews to understand what people love about each of the competitors and what improvements they were looking for.

I looked around, downloaded, played around and read some of the reviews on the stores

I then mapped the research to the competitive analysis to determine the priority: what should be included in our MVP and what can we surprise and keep our users with updates. I also included additional items to each feature to indicate how we can improve what there is already.

Research mapped to feature list (from top to bottom prioritised)

Shared understanding

One of the main principles of lean UX is a shared understanding of the pieces of a project. From problem and context to what the outcome should look like and how the solutions were formed. One method is to do a co-design session. This is fairly easy in a startup with only four people. 

Co-design sessions

We consistently meet every Wednesday evening. Then we co-design/co-think/co-everything we can. Everyone knows exactly what is going on in every screen and why we did that way. This makes work fun. When there are this openness and trust.

I designed wireframes with our team and we all tested it with friends, family, birders and whoever we could grab.

Example of one of the wireframes

After some drawing, we quickly realised how important navigation was. To give you an idea, we have 983 bird (currently known) in South Africa. When you spot a bird you have to find your way to that specific one in less than a few seconds. Note, while writing, this problem is still real. Because to fully test if navigation works, we need all the birds (the distractions) to fully know that our navigation structure works.

Adding life to the wires

Because we would be using Faansie's brand (his brand is famous already and would make marketing a lot easier) and intellectual property, it was important for me to make the Faansie's brand visible in the app. It should feel like he created the app on his own. I started with a mood board to align the look and feel to the Faansie's current illustrations of birds.

Mood board to align to current style

Then I flew over to Cape Town for a weekend to co-design with him. We fleshed out most of the wires to a degree that we are quite happy with. This was an important step. It would allow me to continue on my own in some details because we created the foundation (look and feel) together. It was also important that we get the dimensions right. 983 Birds are not easy to redraw if we made a wrong decision. But it was still a bet. After that, we both knew exactly what to do (the pro of co-design).

Early style and navigation
My visit to cape town
Dimensions specifications
More recent designs

Planning

It was important for me to get this experience right. I used the RARRA business growth model to explain how important it is to put most of our focus on creating exceptional value to the new customers.

Image: Mobile Growth Stack

It was then easier to define our OKR's as a result. The exercise to define our OKRs was also a great tool to create a shared understanding. Everyone knew what will be developed, who will do what and how it all fits into the same goal/objective. This is something we look into weekly to see if something should change or has changed.

OKR's

Feature wish list

Because we are doing it after work hours, we have a lot of time to think. And by doing that new ideas is generated almost every week. So what do you do with new ideas? I didn't want to throw them away. But I also knew that things may be relevant now but not so much sometime later. So I created a feature wish list, that was a bit easier to prioritise. I categorised the ideas according to where it would help the business growth model and still keep to the hypothesis-driven framework. The categories are retention, activation, referral, revenue and acquisition.

Prioritise, categorised feature wish list

Development

Using the OKR's, we could plan and had clarity on what needs to be done and track the progress. Which is visible to everyone.

Choosing our tools

Because we are only 2 people who will be developing the MVP, we had to look at tools that will help us with some grunt work. Some of the important choice were:

  • Supernova studio and Sketch

Supernova studio was the first tool I research a while back before we started with this project. It can export native Android (Kotlin), iOS (Swift) code and many other languages from Sketch design files. It's like a quick start on a project. It's also a great way to learn how to animate as it provides a simple interface for creating native animations. It generates that code so it's easy to tweak and modify without knowing too much about animation code.

Supernova
  • Firebase

Firebase eased up our log in configuration and we have a server! It provides some analytics to it as well.

  • revenueCat

RevenueCat make subscription management way easier than to implement it yourself. It even has an option to A/B test offerings.

A good delay

We were luckily delayed because the content is taking a lot more time than expected. But this is ideal for development. We have rewritten Android in a new architecture that easier to maintain. We are also adding automated tests for each platform. This will help us greatly in a scenario where something needs to be updated. We can make the update, run the tests and push an update without the fear of breaking thousands of people's apps.

Launch stats

We are currently receiving about 100 active trails per month!

Conclusion

I love every second working on this project. It's like doing a holiday activity. It's because not only does everyone trusts one another, but because there is a shared believe that everyone is bringing something great to the team. So we help to bring the best out of each person.

I've experimented, tried and tested UX approaches. This project resembles my passion for product design and my growth within the field. It allowed me to grow and improve my skills as a product designer. I also have great support from my family because of the joy they see in me through this project.

UX Project

Insurer project

UX Project

Insurer project

UX Project

Momentum Digital

UX Project

Momentum Digital

UX Project

Ultimate Aim App

UX Project

Ultimate Aim App

UX Project

Momentum CSI Page

UX Project

Momentum CSI Page

Other

Banana

$2

.product-card
Music

Speaker

$199

.PRODUCT-CARD
NBA Players

Headphones

$349

.PRODUCT-CARD
Hillarious

Is it Hilarious When Women Eat?

Explore
.CARD .CARD1-CONTENT
Introducing

5 Crazy Recent News Stories

Explore
.card .card2-content
Trending

Alton Attorney Accidentally Sues Himself

Explore
.CARD .CARD3-CONTENT
Rice on the Rise

There's A Rice Deal Out There For Everyone

Explore
.CARD .CARD4-CONTENT
Sport

Tiger Woods plays with own balls, Nike says

Explore
.card .card5-content
Comedy

Are you Joey from Friends?

Explore
.CARD .CARD6-CONTENT
Quiz

Quiz: What Should Your Tinder Bio Be?

Explore
.article
FOOD

45 Creative Coffee Shop and Names

Explore
.ARTICLE
Cryptomarket

5 Reasons Cryptocurrency Is Way Dumber Than You Thought. With real examples.

Explore
.ARTICLE

2.40

$991.24
ETH
-9.9%
.number-card .number-card-content1

34.3

$820.53
TNB
+15.2%
.NUMBER-CARD .NUMBER-CARD-CONTENT2

1902.1

$154,569
BTC
+932.1%
.NUMBER-CARD .NUMBER-CARD-CONTENT3

994.2

$238.89
ENG
+3.2%
.NUMBER-CARD .NUMBER-CARD-CONTENT4
Local News

Army Vehicle Disappears

An Australia Army vehicle worth $74,000 has gone missing after being painted with camouflage.

.big-article

Mary Ortega

Designer

Love basketball, hiking, work in the legal field, and my best friend is a gold fish.

.Profile-card-big

Mary Ortega

Fashion Blogger

Love basketball, hiking, work in the legal field, and my best friend is a gold fish. 

Send Message
.profile-card

Mary Ortega

Fashion Blogger

Love basketball, hiking, work in the legal field.

.fullpic-profile
Music

Quiz: What Should Your Tinder Bio Be?

Marc Norris
.article .article-1-Content
Facts

Statistics show that teen pregnancy drops off significantly after age 25.

Tom Jordan
.ARTICLE .ARTICLE-2-CONTENT
Business

Hot to succeed in business, easily.

Johnny Logan
.ARTICLE .ARTICLE-3-CONTENT
Facts

Everything known about women.

Jack Gutierrez
.ARTICLE .ARTICLE-4-CONTENT
Funny

Eating people is wrong, always.

Billy Fuller
.ARTICLE .ARTICLE-5-CONTENT

Hero

Introducing

Cards - Webflow UI Kit

Biggest pack focusing on designs of Dashboard User Interfaces & Web Applications to help you quickly prototype and design beautiful.

Explore More
.Hero1
Centered
.Hero2
Left Aligned

Forms

.signup-form

Navigation / Menu

Colours via Global Colours

.SWATCH-BLOCK-BIG
#1991EB
.SWATCH-BLOCK-BIG
.2nd-SWATCH-100
#3023ae
.SWATCH-BLOCK-BIG
.3rD-SWATCH-100
#39b54a
.SWATCH-BLOCK-BIG
.4th-SWATCH-100
#c5d0de
.SWATCH-BLOCK-BIG
.5TH-SWATCH-100
#f7981c
.SWATCH-BLOCK-BIG
.6TH-SWATCH-100
#f85359
.SWATCH-BLOCK-BIG
.7TH-SWATCH-100
#333
.SWATCH-BLOCK-BIG
.8TH-SWATCH-100
#66493e

Typography

Far far away, behind the word mountains.

Heading 1

Far far away, behind the word mountains, far from the countries

Heading 2

Far far away, behind the word mountains, far from the countries

Heading 3

Far far away, behind the word mountains, far from the countries Vokalia and Consonantia.

Heading 4
Far far away, behind the word mountains, far from the countries Vokalia and Consonantia.
Heading 5
Far far away, behind the word mountains, far from the countries Vokalia and Consonantia.
Heading 6

A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth. Even the all-powerful Pointing has no control about.

Paragraph

A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth. Even the all-powerful Pointing has no control about.

Larger Paragraph
A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences.
Quote
  • A small river named Duden
  • It is a paradisematic country
  • Which roasted parts
List
Introducing Dashboard UI Kit Styleguide
.Tagline

Buttons

Value
.button
Value
.button .green-button
Value
.button .violet-button
Value
.button .default-button

Alerts

Get ready for your flight! Boarding starts at 9:45AM.
.alert .positive-alert
Hey man! Go check out janlosert store for more amazing products!
.alert .neutral-alert
Ou snap! Seems like there is a problem with our server.
.alert .warning-alert
Damn... What the hell have you done.
.alert .error-alert

Labels

default label
.label
Green Label
.LABEL-green
Violet Label
.LABEL-violet
This one is yellow
.LABEL-Yellow
Red One
.LABEL-Red
50 Shades... No
.LABEL-Grey

Social Buttons

.social-icon
.icon-facebook
.SOCIAL-ICON
.ICON-twitter
.SOCIAL-ICON
.ICON-Instagram
.SOCIAL-ICON
.ICON-googleplus
.SOCIAL-ICON
.ICON-linkedin
.SOCIAL-ICON
.ICON-Pinterest