florfantinel
design portfolio
Splash-screen-animation.gif

Swapsy

Mobile app, Product Design, UI, UX

Mobile app | 2018

Looking to tackle wastage while finding alternatives to massive consumption, Swapsy is a mobile app inspired by existing user behaviours around the sharing economy, such as book clubs and clothing swap groups.

The social app to be launched on Google Play and App Store in 2018 aims to connect like minded people locally to swap items without exchanging money.

Background

Background

When I onboarded the project, the client was going through user research and testing the initial concept with a low-fidelity prototype. My goal was to analyse the qualitative data, identify main pain points, review the user flow and design a polished MVP.

A few issues came out of user testing:

Competitive analysis

Competitive analysis

To add to the qualitative data, we’ve analysed similar market offers and searched for analogous inspiration, from marketplaces to social experiences.

User flow review

User flow review

Building on the existent prototype, the identified painpoints were addressed and an updated user flow proposed. During review phase, we tested and validated a simplified navigation with 3 main areas - “Profile”, “Browse” and “Chat”.

 The next exercise included a list of functionalities previously discussed with the client or explored during user testing. With the business strategy and product vision as parameters, we have agreed on high impact features for the MVP and planned future implementations to scale up the offer.

The next exercise included a list of functionalities previously discussed with the client or explored during user testing. With the business strategy and product vision as parameters, we have agreed on high impact features for the MVP and planned future implementations to scale up the offer.

Visual design concepts

Visual design concepts

Using the logo already produced, I designed and presented visual concepts that could match the brand tone of voice.

Swapsy interface design

Swapsy interface design

Screen-animation.gif
Swapsy-img9-interface 1.png
Swapsy-img10-interface 2.png
Considering native behaviours

Considering native behaviours

Swapsy is a hybrid app, but was designed considering native patterns to provide a seamless experience to users.

User Testing

User Testing

 Providing potential users with a clickable prototype allowed the team to validate functionalities and flows, while identifying major issues in first hand.

Providing potential users with a clickable prototype allowed the team to validate functionalities and flows, while identifying major issues in first hand.

 The use of a toggle to trigger the review screen, for an example, was not understood by most users and an alternative functionality was later designed and validated. A swap confirmation button was put in place and, when tapped, should convert to a “review” CTA.

The use of a toggle to trigger the review screen, for an example, was not understood by most users and an alternative functionality was later designed and validated. A swap confirmation button was put in place and, when tapped, should convert to a “review” CTA.

 With the aim to guide first time users through the mobile app, a set of tooltips were specifically designed to prompt snippets of information when on boarding Swapsy.

With the aim to guide first time users through the mobile app, a set of tooltips were specifically designed to prompt snippets of information when on boarding Swapsy.

Clickable prototype

Clickable prototype

The app is currently under development, but a clickable prototype is available to explore it further: marvelapp.com/3iag5d