cudjoe brown portfolio1.1

Cudjoe Brown UX Designer

I am an intelligent 25 year old creative who grew up in North London who’s had great passion for technology his whole life - driven by a curiosity for how computers, transport and games are built. Always pro-actively working towards a goal, with intuition for the right decision. Living scientifically with patience and will power he continues to learn everyday day.

CONFIDENTIAL - NOT FOR DISTRIBUTION

MVP

TEST

DESIGNRESEARCH

User Centered Design

I believe that User Experience is about bringing fluidity online and offline. Through the systems I design, I aim to empower and improve the lives of user.


DEVELOP

Starting with research I start to build a deep understanding for the task.

After gaining insight I can move on to design a mockup or prototype ready for testing.

At this point the concepts can be built and ready for interaction.

After completing this process my outcome is the minimum viable product/feature. Determined by feasibility and always reflecting on the original goal

The most important part of my process is in testing. Only then can we understand our customer and achieve quality.

Welcome



Product Overview This product is for a 5 a side football league, where teams may interact with other players and understand personal performance.

Problem For these types of leagues people have to pay each time they play. Having a tool to split the fee and charge appropriately is a big problem manually managed by normal people. I had the task of solving this problem while bringing improved functionality to emerging technology.

GOALS Apple Watch App Concept Cudjoe Brown UX Designer


Research

For this project I was tasked with creating an extension of the goals app for iOS.

So, based on the documentation I obtained for the app I was able to design an extension to improve the experience of playing at a 5-aside league.


When the app is launched a menu will be displayed directing the user to various information about their team and personal performance.

This view displays the current league table

This screen holds team information. - In/Out - Paid - Next Game

Using GPS the areas of play are highlighted at the end of a game.

This list nicely displays an overview of the league.

Home Screen



On match day the user will receive a notification asking if they will be attending the next game.

The user replies yes then all is done however if the user decides to reply no a list of generic answers will be generated as a reason.

Some default answers will be populated however a custom voice message can also be sent.

Notifications

What will be known as glances will offer brief interactions with the app.



This small indicator shows how much has been paid towards the match fee of the next game. By pressing the button, the user can opt to pay their share.

Shown in different colours are confirmations from team-mates indicating the payments have been made.

The user’s personal share.

After the user has made their payment this will be reflected on the display. Any new team-members will be added and the amount will adjust accordingly.

These screens will guide the user through the payment process, secure and fast.

Payment Journey


The user is given the option to pay for their share in the upcoming football match.

A confirmation of payment.A simple question.


If the user comes off the pitch for a substitute, the game can be paused and the match time will continue to run.

This is the match performance monitor, used to calculate various tracking data into a digestible report as the final whistle blows.

Once the timer starts the user has their game time displayed the largest. the match time will also be shown just below.

When the match comes to an end. The user will first pause the game and be presented with the above screen. The red button will stop the game.

As the user continues to play, the device will be tracking and will show this screen mid-game.

A simple screen requesting confirmation to end the current match/session.

A result sheet will be generated right after the match is finished.

After a quick glance that data will be pushed to the server.

The results can be accessed on any device at a later time.


While playing a match the user will use this utility to track their performance.

Performance Monitor Journey


Product Overview For this project the main goal was to connect people who came in contact in real life. With an intention to date and get to know that person. Assessing the competition and understanding a familiar and future proof approach was the most important asset to the user experience.

The problem People come in contact all the time. They see faces in real life, attracted to some but always miss the opportunity to make that connection.

Cudjoe Brown UX DesignerJAM



Brainstorming

This information was gathered after extensive research into apps for meeting people. Out-lining some of the features and the technologies required.



Sketches

I drew up some early sketches to get a good feel for navigation and form.


This screen will explain how the map feature works and some key tools at the user’s disposal.

This screen will explain how the chat and messages feature will work.


Wireframes

I flashed out some more wireframes to develop the user on-boarding process.

Splash Screen Take a tour

The following screens will be presented to the user on first launch, teaching you how to boost your profile and ways to add content.


The user will be presented with a login screen before they can use the app. Because the best features depend on the user already having a social presence.

Login Screen

This screen will be used to present the user with any tips during the use of some features for the first time.

Info display Screen Map view Screen

This is the map showing a geographical view of the people along your travels.

An animation for the logo of the product.

Logo animation


Wireframes

After the login/sign up is complete.


Person Detail Pop-up Profile Screen Chat ScreenChat List Screen

Here is the chat screen where most of the magic would take place. Where the user gets familiar with their new found opportunities.

This screen represents the profile page of a user, from here you are able to request chats, view interests and other profile information.

Here are the list of conversations being held by the user. From here the user can search, delete and open conversation threads.

Now you are ready to go out and meet new people. At this point the product all of the features become accessible.

Onced pressed a preview of the user’s profile becomes available for a glance view.


Wireframes


The User profile settings screen is used to set filters to gather the desired results.

User Profile Settings Screen

From the profile screen, the user can view and edit their profile.

Profile Screen


Wireframes


These wireframes were the settings screens where changes could be made.


Visuals

Working with a UI designer we created some beautiful screens to give colour and life to our app, starting with the splash screen and logo.





TCKTS

Product Overview For this project I created a ticket purchasing user experience from scratch. the purpose of this project was solely for my portfolio and I developed it all the way to a prototype on both keynote and then axure, I would be glad to demonstrate.

The problem The typical user of this app would want easy way to purchase concert tickets in their city. This music lover has tried many ticketing platforms but would like something simple to purchase, share and find directions to gigs in the area.

Here are some screens of existing apps I had assessed in order to compare them with TCKTS.


Competitors


TCKTS

Research is the most powerful part of the process when designing a user centred product. Giving you insight and direction that always proves itself.

For this project I carefully outlined all the competitors to compare features and understand how Tckts will be deployed to market.


Research


TCKTS

David Spear Age: 34 David wants to use the app to book tickets for a concert he saw on a billboard. He considers himself an efficient user of his iphone. So he downloads the app, already with the concert he will be attending in mind. *email *facebook

Zack Tetley Age: 30 Enjoys festivals and gigs and used to play in a band himself where he became quite efficient playing the guitar and keyboard. Every few months he likes to book some tickets and.go out with friends who usually leave him in charge of bookings. *email *twitter *facebook

Andy Mansell Age: 28 For a long time he’s been attending festivals and wild parties, a big fan of house and electronic music who regularly checks for good concerts and shows for him and his peers. *email *facebook


Personas


TCKTS

Harold Jackson Age: 24 Just arriving in the country a few months ago he wants to continue his social lifestyle. He remembers meeting a lot of people when going to concerts and would like those opportunities. While browsing he came across this app and would like to see whats available in his new area, recently discovering a few venues during his travels, he knows a few names. *email *facebook *tinder *twitter *google

Angela Becks Age: 22 Angela loves concerts, she attends all the time and has a range of ticket booking apps. She just caught wind of this one and is eager to give it a try, she hopes to browse upcoming events and maybe discover something new. *email *facebook *snapchat *twitter

Home Page

Concerts List SearchMy Tickets

View venue /ticket info

View venue /ticket info

Buy ticket

Checkout

Artist/VenueList Results

Artist/ Venue Profile

After carefully assessing the persona’s and target users, we then complete the sitemap. Making sure the user will be guided to their goals with no friction.

After carefully assessing the personas and target users, I then complete a sitemap. Making sure the user will be guided to their goals with no friction.


Site map


TCKTS


User Journey


TCKTS

I attached the wireframes to the whiteboard to get an overview of the user journey, this clearer for the prototyping stage.

The home screen shows results in order from next to upcoming.

Home Screen Search By Artist

This screen represents a search screen where the results are being filtered.

The artist profile is a landing page for brief information about the performer. Upcoming shows, time, location & home town will be included here.

Search By Venue

Search is pulled down from the main screen. the name of venues are being filtered based on input from the user.

Artist Screen


Wireframes


TCKTS

A summary for the event will be shown here in a presentable way so it can be shared and more importantly, purchased.

TCKTS

Artist Event Screen My tickets List

The 'all' filter will even show past tickets for the user’s record.

Payment Screen

The user will review the amount and last minute details then check out. In full display would be important

details about an event location.

• directions • contact • upcoming events • any additional information

Single Event Screen Info


Wireframes


TCKTS Cudjoe Brown UX Designer


Here, the goal is to implement a successful reward system for the user during their many goal completions, so before I could understand what to design, I dived straight into research, to get an understanding for the current uses of rewards and where they can be used.

Using a spreadsheet I am able to collect quantitive data. From here I can assess the data and have a greater understanding of which features can be designed and tested with the product.

The criteria chosen depended on the reward schemes and how they are being used.

eRipple

Comparative Analysis(Reward Scheme)



We went on to test some reward features by starting with the on boarding process.

eRipple

Comparative Analysis(Reward Scheme)



The first test was to fire out an an A/B test email upon account creation and then analyse the CTR and other metrics.

From this initial test we learned our user reacted better to informal writing and so we proceeded with a CTR of above 80%!.

Using our points system on the platform we rewarded the user for making their first steps creating their account.

The other half of our users were not rewarded with points for the same actions and this proved the users who gained points completed profiles twice as fast.

cudjoe brown portfolio1.1

Design

user experience

lives of user

user replies

distribution research

distribution product

football league

team information

big problem