Scan.me is an app concept to easily navigate to stalls at big conventions, find clients and earn rewards while creating engagement.
If you have ever attended a sales conference, you know how difficult it is to find the good stalls you might be interested in. Stand out from the crowd and boost your sales, bring the customer that need you to you.
Problem statement
Create an app which easily lets companies and users sign up during a convention and make it easier for both the parties to share contact information and stay connected with your clients while making it fun and engaging to use.
Understanding the User
User Goals
From a visitor point of view
It is very difficult to find the booths you would be interested in at a crowded convention. They want to browse through entire convention quickly.
From company point of view
Quickly attracting potential customers and adding them as leads.
The solution I'm thinking…
Scan QR code
Quickly scan QR codes to get information on your screen instead of waiting for booth to demo their product.
Incentives and gamification
Giving users rewards like coupons or scratch cards to keep them exploring more booths.
Robust CRM for companies and users
Companies can scan QR code of the user and instantly generate a lead for that user without filling any forms as all the data is to be transferred with QR codes.
Communication
After scanning QR codes, both users and companies can save each other's contact information instantly and even connect with each other with the in-app messaging feature.
Initial research
To create this project, I took inspiration from apps like Google Pay, Rep card, chat apps, Google maps, and many CRM software. I have tried to combine all these experiences and features in a single app.
User Journey
Here is the flow a typical user is expected to follow.
Creating a new lead workflow
Customer User flow
Design process
Wireframing to get started on implementation of a skeleton for all the features and deciding where each feature should live on the app. Creating dynamic reusable components, selecting consistent font styles, grid systems and colors come next.
Design language and Color pallet
For this application, I took inspiration from Google's material design to keep the app looking clean and minimal. For the color pallet I choose to go with something similar to Twitch's colors since people associate purple and neon colors with gaming and it aligns with my vision of a gamified app.
High-fidelity design
Attached below are some of the screenshots of the final design. These do not represent the actual flow and readers are encouraged to explore all the screens on the prototype.
Login and dashboard
The screens for Login and dashboard are presented below. All the features available on the app is accessible through the dashboard.
Create new lead flow
To create a lead, the user can scan the QR code of the customer to automatically fetch information about the customer from the system. Then they can edit or upload attachments and finally save as a lead.
Add notes flow
Notes allow users to remember a particular customer interaction, their likes, interests etc. The user can create multiple notes for each user and the notes can also be created by a text to speech system.
Rep card flow
Rep card is a virtual identification card that you can show a customer directly or share with QR or other digital media so that they can get more information about the sales rep and also get in touch with you.
Refer, discover and earn
To keep the app engaging and rewarding to use a coupon system has been implemented. Earn more coupons by scanning QR codes, creating more leads, referring the app and business to your friends.
Maps and hotspot
Maps and hotspots show nearby booths with lots of traffic and people in your contacts who are also attending the conference so that you can easily navigate through a busy convention.
Business analytics and CRM
Business analytics tools to get real time updates about your business performance and a built in CRM tool to help you organize and manage clients.
Notification and Chat
Notifications panel gives you instant information about information you wouldn't want to miss during and after the deal has been confirmed. The in-built chat system allows you to easily communicate and guide your customers through their journey with your product.
Click here to check the prototype…
https://www.figma.com/design/3McWmgmKKuBh8hodBVL4yJ/Scan.me?node-id=506-612&t=Fk2RJcZ8Ivyg7ygq-1
Contact with us
If you have a project idea in the works or an urge to redefine your brand, let's have a conversation! Your vision, coupled with my design mojo, can turn sparks of creativity into something truly extraordinary. Let's embark on this journey of creative collaboration and bring your ideas to life!