Crosslead is a strategic planning platform that allows teams  and individuals to perform better.

I worked with the Crosslead to redesign their marketing website.  I talked to key stakeholders to understand their business goals and worked with the Head of Sales to identify clear consistent communication. I created wireframes, prototypes and visual design which were tested with users and the Crosslead team. Once the designs were approved I used the companys existing CMS to build website.

crosslead.com

RESEARCH

Old Courses Pages

Lo-fi Wireframes 1

Mid-Fi Wireframes 2

After talking with users the product team decided we would focus on key areas for exploration course and contact information, displaying scorecards and leaderboards and, searching courses, ratings and reviews. Initial wireframes looked at the main areas of the course screens and just how much information we needed to display. Based on user feedback we created a wireframe which had everything users told us they wanted. We then went through many round rationalizing and prioritizing content. Ratings and reviews was significantly reduced following this review.

After testing the designs with users we used the MOSCOW (what this new feature the Must have, Should have, Could have, Won’t have). Some users told us they played golf because they liked being outdoors and enjoying the scenery. Introducing large photographs of golf courses was one way we explored breaking up the heavy text based design of the iOS app.

Design the scorecard

The design of the scorecard was an important area of focus courses  Golfers always want to know the difficulty level of difficulty of the course they want to play. Users for the scorecard screens clutters and confusing. They felt that the scorecard summary was “quite bland” with no colours to distinguish tees. In order to make these screen clearer, we made changes to the designs and attempted reduce the number of taps for users to get to the scorecard. For the scorecard screen, the felt that having to scroll across to see the rest of the scorecard  (makes it difficult to compare)

The course details screen had summary of all courses to give users a snapshot for the courses. Our for scorecards re-introduced existing design featured on iOS and introduced cards that users can swipe action. The feedback from users about this interaction was positive.

Our next iteration focussed on getting users to the scorecard quickly and making the navigation simpler for users. This iteration took ways the summary of course distances and created a tab for scorecards from a list view. For the scorecards we introduced a ribbon style navigation which signposted each scorecard, and allowed users to swipe between each scorecard.

I developed a concept for the design of each badge with shapes, colours and strokes used to demonstrate identity (and complexity) of each achievement. These concept was then refined by a Visual Designer and user tested with users.  The overall style of the design was inspired by colours and iconography from the world of golf, but also leveraged a tone which was distinctly part of the style and tone of the brand.

The new Achievements section is distinctive solution that allows the user to strive for a particular goal regardless of their ability, it challenges and rewards them when they use the app.Users can now compete and compare there Achievements as soon as they have completed their round. The social elements of the Feed allows users to easily see the activities of the friends and gives them a competitive goal to strive for,

I employed wide range of UX and design processes including,  card sorting,  creating user flows and user journeys, heuristic analysis, information architecture, customer feedback, participatory design and prototyping.  To date the VPAR Android app is rated #15 in sports app in the US.

Wordeo is an expressive messaging app, which creates content based on keywords typed into a message, The platform is currently available within Facebook messenger as well as a standalone application.

Skills used: Stakeholder Management, Facilitating Workshop, User Research,  Sketching/wireframing, Problem Solving, Interactive Prototyping Interaction Design, Visual Design.

The project was led by the CEO of Wordeo. I facilitated a kick-off workshop, and worked with, the head of marketing and the developers to explore the current messaging market and assessing business goals for Wordeo. I then went through the process of defining needs and goals for the new product.

Some key features which came out of our initial research, explored the need to quickly discover up-to the-minute celebrity content and simply customise with text or stickies.

I created drawings, wireframes and user flows which showed the path of a typical user. I prioritised key features, rapidly prototyping in Balsamic and creating a visual design and interactive prototype in Marvel.

The creation of an interactive prototype which allows users to browse or search for premium content. When a user is in the midst of a conversation the can customise and send an image via Facebook messenger.

This is the initial vision stage of the process. The next steps for the project are to user test and refine the content customisation process and explore how video would be introduced. There are also some much more dynamic and ways to introduce content suggestions with messaging.

We looked at some popular crowdfunding websites, comparing key features and establishing what their business models were. We compared Just Giving, Pozible, Subbable and Indiegogo to see how they worked and if they used subscriptions model or recurring payments.

There was always a very clear a large input field to make your pledge. All the sites had a similar set-up for login/sign-up, entering a pledge and the payment process. The challenge for Kickstarter was their business model doesn’t take money from backers unless the project meets it’s funding goals, so a subscription model would be challenging to implement.

Our survey was quite evenly split between Men (54%) and women 46% (women). 88% of respondents said they had visited Kickstarter in the last year with 50% of them earning between £25 and £60k

With the data from our survey and interviews we created four personas based on the type of person who would use recurring payments on Kickstarter. Personas were split between backers  and creators. 

We prioritised the features we would need and also decided on what our minimum viable product would be for the first phase of the project. They included making payment options clear, showing the  length of payments. For both creators and backers on Kickstarter allowing a facility for multiple payments and single payments.

We created some wireframes based on the findings from our paper prototype. We tested this design again with two of the respondents from our survey and got some positive feedback on the flow. Our testers found the process easy to understand and felt it was clear from a creator and a backer perspective. There was some confusion about the copy we had used and also some of the text was not large enough.

Our final visual design, re-skinned the Kickstarter website. Once at the pledging stage a user can specify the amount of money they want to pledge over a fixed period and see the associated reward. The facility also calculates the initial debit and future debits if the project meets it’s goal. During the fulfilment process they are able to see how much their initial payment is and for how long.