<aside> 🛠 Product Design & Motion Design • www.happn.com • 2022

</aside>

<aside> 💡 A small chunk of projects I've worked on at happn from the last 3 years.

</aside>

649afd9981208a195a9de2bc_dbreactions-transcode.mp4

REACTION BAR FEATURE

My very first project at happn. The like button was too engaging for many of our users, so we offered them a way to send different reactions with 3 additional emotions along with the like.

649afd9981208a195a9de2bd_dbboost-transcode.mp4

BOOST FEATURE

Some of our users wanted to gain visibility, so we created the Boost feature to help them to get more traction. This prototype covers just a small part of the entire feature.

649afd9981208a195a9de2be_dbspotify-transcode.mp4

SPOTIFY FEATURE INTEGRATION

After a global redesign of the app, we had to think about the new Spotify integration into the user profile. It also has to follow Spotify guidelines on how to display texts, covers, colors, etc.

649afd9981208a195a9de2bf_dbmy account-transcode.mp4

MY ACCOUNT

I worked on revamping one of the app core screens, the "My Account" page, alongside all the related content and the "Settings" page. We also added new features like the profile preview.

649afd9981208a195a9de2c0_dbshortlist-transcode.mp4

SHORTLIST

The Shortlist is a feature that allows users to discover 3 new profiles every day that fits their criteria based on their likes. It is now one of our popular game along with CrushTime.

649afd9981208a195a9de2c1_dbnew shops-transcode.mp4

NEW SHOPS DESIGN

When I reworked the 3D assets into new ones, we decided to put them in a real situation on the premium subs shop page. I tried to animate some of them to see how does it look.

649afd9981208a195a9de2c3_dbonboarding-transcode.mp4

FREEMIUM ONBOARDING

After spotting a fall of the stickiness in some cases right after creating an account, we decided to create an onboarding to help, guide our users and explain how the app works.

649afd9981208a195a9de2c4_dbwelcome premiums-transcode.mp4

WELCOME PREMIUM USERS

By hearing users' feedback, we noticed that we don't use to have any state or screen after a user pays a subscription. That was a problem, so we decided to create a special modal after a buy.

649afd9981208a195a9de2c5_dbmap vision-transcode.mp4

MAP REWORK

I had a day to propose something new in the app core feature, the map. I used Mapbox to recreate a new one and put it in the center of the experience by making it the app's main screen.

649afd9981208a195a9de2c6_dbnew flashnote-transcode.mp4

FLASHNOTE REBORN

We achieved a new branding with the branding and design teams, and I expanded our work to one of our most used features: the FlashNote. This is a prototype of the entire scenario.

649afd9981208a195a9de2c7_dbmicro interaction-transcode.mp4

NAVIGATION MICRO-INTERACTION

We always wanted some micro-interactions on the menu, but we never made it since the icons where changing constantly. With the definitive icons, I make our wishes come true.

649afd9981208a195a9de2c8_dbmap reborn-transcode.mp4

MAP REBORN

Right after the new rebranding, I was reached to work on a new map I redesigned clusters and bottom sheets and I also fixed many of the previous failures or unclear interactions.

649afd9981208a195a9de2c9_dbnew crush-transcode.mp4

NEW CRUSH REBORN

The previous crush animation used to be too long and annoying in the users' experience. With the new design, I reworked how users experience a new Crush with the profiles they like.

649afd9981208a195a9de2ca_dbnew crushtime-transcode.mp4

CRUSHTIME REBORN

After a new CrushTime redesign, the team reached me to give some life to a static version via a prototype. I helped the designer and respected her brief to achieve her vision of this feature.