top of page

Tasked with creating an iOS native App, myself and three other UX/UI designers sought out to solve the age old problem: "What do I get him/her for his birthday/Christmas/any occassion?" 

We devised a user-oriented solution to utilize the recipient's social network to help answer these questions for anyone who needs a little extra inspiration.   

iPhone 13 Pro.png

Leveraging Community to Crowdsource Informed Gift Gifting 

Asset 15_4x.png

Role

As a member of an agile team, I was directly responsible to keep our workflow managed, conduct and document research and analysis, lead conceptual ideation, as well as being co-lead designer on Figma to deliver wireframes, iterations, and the final prototype

Timeline

2 Week Sprint (May 2023)

Tools

KeynoteIconMac256.png
Figma-1-logo.png
Notion Logo.png
Illustrator Logo Vector.png
Photoshop Logo Vector.png
AdobeStock_597531321.jpeg

Project Goals

With the hypothesis and personal understanding that the gifting process is often complicated, time consuming and stressful, we began the process to identify the means in which we could create a more meaningful way for people to give and receive gifts based on their needs and taste.

Specifically our goals included: 

Identify what constitutes a "good" gift

Define & solve for pain points within the gift giving process

Leverage gift giving strategies that are most successful 

Define product principles/unique value proposition 

Deliver a Native iOS App Hi-Fi Prototype

With our parameters in place we sought out to begin our process, executing specific UX methodologies & techniques along the way. 

loupe.png

Research

monitor.png

Synthesis

curve.png

Ideation/Design

test (1).png

/

package.png

Testing & Delivery

JB Headshot_edited.png

Research Contributions

Conducted research audit of competitor features/current market segmentation, user interviews and user sentiment surrounding gifting. Collaborated with wider team on research synthesis, persona creation and user journey development. 

User Research

What could we learn from a diverse set of viewpoints regarding the gifting process?

Initial Context

We wanted to speak to a broad audience, rather than focus on a particular group, as we hadn't yet decided on a target demographic for our app. If we found conflicting data or needed to narrow our focus later on, we would use a screener survey to identify our target audience and do more interviews.

Abridged Discussion Guide

5 People Interviewed; Age range 20-46

‎‎Post It Notes.‎001.‎001.png

357 Data Points Collected; Avg. 71.4/Interview

User Research: Synthesis

What did we hear and what were they really saying? 

AdobeStock_293654908.jpeg

A Good Gift

Conveys:
Thoughtfulness
Intentionality
Sentimental Value
Usefulness
Inspiration 

The "best" gifts are usually given by someone close to them because they generally acknowledge a recipients needs, wants and interests best

Wishlists are sometimes a necessary evil at the expense of thoughtfulness and surprise

Pooling money is logistically complex and often not worth the headache

Experiential gifts are special but require a ton of planning

People have various ways of keeping track of gifting occassions

Feature Ideation

Taking all our accumulated takeaways and insights we ideated and prioritized features that would be incorporated into our concept and solve for our user's pain points goals and needs through design.

team-discussion.png

Informed gift giving through socially collaborative profile building

Product Principles

Feature Components

Personalization: Onboarding

target (1).png

Objective: 

Allow users to put in specific parameters of what they would want to help inspire social collaboration and AI learnings. Allowing for the repurposing of the predictability of an itemized wishlist. 

*Creating a profile for a gift recipient would entail similar inputs based on what you know about them

Onboarding 2.png
Onboarding 3.png
Onboarding 4.png
Onboarding 5.png
Onboarding 6.png

Personalization: Profile

target (1).png

Objective: 

Lorem ipsum

User Flows and Testing

As we had to fully develop a thematic world with every element incorporated, we decided to go straight to Hi-Fi design for user comprehension & evaluative testing. 

A Note on Testing:

The intentionality behind testing was to qualitative evaluate:

  • Comprehension

  • Enjoyability

  • Motivation

  • Engagement

  • Fulfillment

  • Rewarding Aspect

Because of the complexity and subjective nature of qualitative testing we asked follow up questions regarding the previously listed qualitative measurements, took meticulous behavioral and attitudinal notes, and documented any verbal reactions to the usability test, all of which informed our next iteration. 

Progress Tracking & Thematic Advancement

Progress Initial.gif

Key Learnings From Initial Testing

lightbulb.png

Participants didn't understand the theme and what they were working towards

lightbulb.png

Animation was very slow and users didn't even see "XP" on card or the total XP advancement indicator on the actual thematic progress tool 

lightbulb.png

As we were using our persona's image and telling people they were at work as "Elijah" and showed them the image initially they didn't connect in a fulfilling way with his progress

Social Motivation

Social Initial.gif

Key Learnings From Initial Testing

lightbulb.png

Most participants didn't even see the social message, which was a photo of the sender and a "great job" emoji 

lightbulb.png

The users who did see it didn't understand who the photo was of and why emojis were being used once someone completed a "sprint" and began a new one

lightbulb.png

Feedback was made that the two photos were competing with each other and they were unsure of who was who, adding to the confusion of being our persona "Elijah"

Progressive Rewards

Reward Progress Initial.gif

Key Learnings From Initial Testing

lightbulb.png

Transition was very slow and most users didn't even see the total XP advancement indicator on the actual thematic progress tool 

lightbulb.png

Although the XP advancement indicator on the thematic progress tool was completed as the goal 15 XP was acquired it wasn't initially clear that the goal had been completed due to the unclear nature of the theme

lightbulb.png

The reference to "levels" was unclear on the tool and what exactly a "Level" referred to 

Reward Collection

Reward Collection Initial.gif

Key Learnings From Initial Testing

lightbulb.png

Participants were unable to locate where they would see their "reward collection" within a reasonable amount of time 

lightbulb.png

Participants were often unaware that when they completed the goal "XP" amount they would collect a reward

App Map

Based on previous testing we iterated on the designs in order for them to achieve the highest standards of motivating and engaging users 

Progress Tracking & Thematic Advancement

Initial Design

Final Iteration

Progress Final.gif

Changes Made From Initial Testing

content-writing.png

Changed theme to be intuitive in terms of progression, i.e progress in building a house 

content-writing.png

Animation timing was adjusted for seamless progressive indication with added bounce fx 

content-writing.png

"XP" on card and total XP advancement indicator on the actual thematic progress tool was more prominent with addition of token icon and sizing

content-writing.png

Progression used avatar instead of profile picture, lessening confusion although that can be reverted for personal motivational purposes 

Insights & Recommendations From Final Iteration Test 

lightbulb (1).png

As changing the UI of Leantime was out of scope, we conducted each XP total as a single sprint. With customization, project managers would be able to assign an XP themed journey for milestones, mini-sprints, multiple sprints or even a full project. 

lightbulb (1).png

Users were pleased with how progress was demonstrated and easily able to comprehend the theme they were working towards

JB Headshot.png

My Contribution:

  • New Intuitive Theme Ideation

  • Ideating and implementing token icon as a signifier of the XP point system, increasing visibility and comprehension 

Social Motivation

Initial Design

Social Initial.gif

Final Iteration

Social Final.gif

Changes Made From Initial Testing

content-writing.png

The message clearly stated who it was from and included text instead of just an emoji

content-writing.png

The message was interactive, needing to be clicked in order to read the contents, instead of disappearing instantly after reception

content-writing.png

The placement of messages was moved into a more prominent position

Insights & Recommendations From Final Iteration Test 

lightbulb (1).png

Some users initially didn't understand how to retrieve the message but eventually realized clicking on the message revealed the contents - potential to add an "open" button or signifier

lightbulb (1).png

Optionality exists to include pre-loaded message choices or open field text writing. The icon choices would be pre-loaded onto the platform to include with a message. 

JB Headshot.png

My Contribution:

  • Improved social modal ideation, design and animation

Progressive Rewards

Initial Design

Final Iteration

Progressive Rewards Final.gif

Changes Made From Initial Testing

content-writing.png

The XP Advancement Indicator total changed state illustrated by the animated transition from static black during the entire journey to completed white

content-writing.png

The transition speed was optimized for seamless comprehension of XP gained

content-writing.png

Banners were added to the thematic progress tool to inform the user that all XP goal "points" had been completed

Insights & Recommendations From Final Iteration Test 

lightbulb (1).png

Users found clarity of XP progress much easier to comprehend as the animation of the banner and state change was optimized 

JB Headshot.png

My Contribution:

  • Integration of color state change to white to iterate the full sprint completion, while previous progress along the way would remain black 

Reward Collection

Initial Design

Reward Collection Initial.gif

Final Iteration

Reward Collection Final3.gif

Changes Made From Initial Testing

content-writing.png

Optimizing for find-ability this required the only UI change on Leantime's platform. We felt it necessary to add a "Trophy Room" to the left aligned menu section

content-writing.png

A modal was added to indicate a new trophy was earned after completing the sprint

content-writing.png

Animation showing the trophy being dropped inside the trophy room indicated where a user could find their earned trophies

content-writing.png

Trophies could be clicked on to open a modal linking to that specific project's details including a link to see the overall summary as we were told conducting research that often users need to look back at old projects

Insights & Recommendations From Final Iteration Test 

lightbulb (1).png

Clarity of trophy collection and where to find them improved due to multiple indicators being put in place

JB Headshot.png

My Contribution:

  • Responsible for conception and design of UI addition, the collection indication modals, collection animation, trophy room and detail cards

lightbulb (1).png

Ideation to only "light up" during hover state was considered and may have been a warranted interaction as it would provide clearer indication of click-ability of each trophy for details modal card

Metrics

metric.png

Leantime
Business Metrics

  • User Adoption (B2B/B2C)

  • User Retention (B2B/B2C)

  • User Referrals

  • Avg Time on Site (Subscriber Total)

Subscriber
Success Metrics

  • Sprint/Project Completion Rate

  • Avg. qualitative data input/individual contributor

  • Avg. time per task completion

  • Avg. engagement rate/individual contributor

Next Steps

Builder Man_edited.png
  • Conduct usability tests with current leantime users

  • Test on current designs and refine XP system to align with typical project parameters

  • Evaluate additional themes that are motivating and quickly associated with progress building

  • Determine which actions would be eligible to co-workers for social engagement prompts

THANK YOU.

For the project research report, spec documents, prototype, presentation or other documentation send a request to jeremybeckux@gmail.com or click the button below.

bottom of page