top of page
 VIITZ APP presentation format-5.png

Role: UX designer​ 

  • My role was to develop unique, Responsive Web and Mobile application, which bolstered brand and corporate identities.

  • Drove alignment of business requirements, user-centered design methodology, and technology factors to create successful UI/UX designs.

  • Performed digital retouching and image editing.

  • Created Style guidelines with reference to WCAG2.2 guidelines and brand strategy for the look and feel of the application.

  • Developed creative graphics and vector animations for presentations and small video clips for promotion and to explain how it works.

  • Successfully integrated Mobile app to work with social media.

  • Presented solutions to complex design problems in presentations, click-through prototypes, and design specifications.

ClientPlaypro Technologies Private Limited

Tools used: Adobe XD, Figma, Invision, Canva, Powtoon

Developed in Apple ( IOS) and Android stores

How it works? 

VISITZ app is based on the QR code technology that works well for the visitors to scan and enter the data and Visitz keep the track of the logs, traces the safety.

How does it solves the problem ? 

My design journey of a mobile app that helps to Re-open the business safely and responsibly with new norms

How it helps the users ? 

Visitz App is a Contact Tracing app to significantly reduces the burden on people to manually record the visitors.  

 Track of people visiting your Business 

  Keep all the data handy for any unseen risk/enquires

Provide a safe environment for your staff and customer

 Ensure your business running smoothly

Who can use the app? 

"Looking for an App that can do it all? Visitz is the App you need. Our easy-to-use platform can do just about anything and allows you to live your life to the fullest. Visitz the tool for you and can be used from anywhere at any time! See what it has to offer you today!"

Business Idea

  • To welcome employee and visitors back to businesses with confidence and prevent the spread 

  • To give the Business peace of mind to everyone who enters your workplace/premises

 

  • To welcome guests with the beautifully simple visitor management solution that keeps your workspace safe

  • Know instantly if a visitor doesn't meet your criteria for entry and promote a healthy workplace 

  • Power Businesses safe return to work with Employe registration touches sign-in, workplace safety tools

"Understanding the purpose of mobile app metrics and how to apply them to your business was my the first step to take when I develop a strategy for any app. Regular reporting and analysis of mobile app KPIs lead to generating more revenue."
fc3a5664-d5c0-40d8-b15c-9c23fac56679-soc
hero-covidc3.gif
1 (8).png

User interview and identifying the users

Who are the targeted users ?

I then decided to spot some local business online and connect with people on Social Media to schedule some interviews hoping I could observe their process, behaviors, and pain points.

 

A number of interviews :

Personas?

    1 Business Owner with diverse positions and backgrounds (phone call);

    1 Small scale Business manager of local business (phone call).

 

Fortunately for this project, I managed to gather even more precious data having after getting some replies on Social media and small businesses around me who accepted to answer my questions. This was a good way notably for me to have more insights on local business, goals, or frustrations with re-opening.

User Research

Persona

VISITZ-website-2_edited_edited.jpg
VISITZ-website-2_edited_edited_edited_ed

User Stories

Untitled.001.jpeg
New Realities of post-pandemic scenario

User Scenarios

close-label-text-check-please-260nw-1756
Screen Shot 2020-07-22 at 5.11.13 PM.png
images.jpeg

Synthesizing the Findings

Problem identified

  • In the early months of 2020, Pandemic prompted wide-sweeping shutdowns and shelter in place orders across the world.

  • As the country looks to start relaxing these strict measures, small business owners need to think about what's next and how they will adapt and move forward safely and sustainably

  • "The level of contact with customers and other employees" (eg: beauty salons and gyms with direct physical contact vs retail stores and restaurants with direct contact)

  • Reopening and adjusting to the "new normal" will involve several steps for businesses to take, from researching, communicating, and executing plans to pivoting strategically

 

Pain-Points and Opportunities

After conducting these interviews, here are the frustrations and difficulties I noted for the employees 

 

  •  When brick-and-mortar businesses are able to reopen their doors, consumers may be worried about being in an enclosed space with other individuals, regardless of the health and safety protocols in place.

  • Even digital businesses that have remained fully operational may find it difficult to boost sales with so many customers facing lost or limited income.

  • As a business owner, the primary concern should be the health and safety of your employees and customers.

  • All places of business, including shops, restaurants, construction sites, and offices, must take precautions to reduce the risk on-premises.

people-face-masks-standing-line-queue-co
Created Presentation for the Marketing on the social media demonstrating the Features how it works

Research -Problem statement

Defining a problem statement

Design Challenges 

These challenges bring together a blend of product design, experience design, and service design problems that are desperate for a solution, and design thinking can help.

 

With advanced technology, the distribution of information isn’t the problem. It’s transmitting the right information to the right people at the right time.

 

Taking the design thinking phases of empathizing, define, and ideate, this rapid response team of designers could assist authorities with formulating the right kind of messaging.

 

Widespread testing and contact tracing are needed to identify and alert people who have come into contact with a person infected with the coronavirus.

 

Under empathizing and defining, we can understand the problem; with ideation and prototyping, we can explore the most cost-effective way to make them; and with testing and implementation, we can refine and deliver an effective solution

At this stage of my research, I could then prioritize and define the problems my mobile application would try to solve and how I would approach it.

“Businesses need to demonstrate empathy for their customers and Employees to convey a feeling of Safety in the workspace ”

Solution 

A superior alternative is: Contactless tracing App

  • Mobile App is based on the QR code technology that works well for the visitors to scan and enter the data and Visitz keep the track of the logs, trace the safety.

  • A Contact Tracing app to significantly reduces the burden on people to manually record the visitors

“In today’s app-driven market, I wanted to design a good mobile application that can help to Re-open the business safely and responsibly with new norms. In which the apps Trace and keep the log of all the visitors and employees.The app enables you to keep track and send the safety alert to all int he situations to keep safety”

 

 

  • Instant activation.

  • Contactless and Secure.

  • Fully automated-no staff required, no manual entries.

  • Search and trace the customer visit.

  • Send the Safety Alert to all the visitors in the situations.

  • Get started in minsRegister your business within minutes and get started immediately, it's like operating your WhatsApp

  • Seamless and contactless - No staff required from your side, no app required for your visitors.

  • Unique Safety Alert Your visitor's feel safe when they visit your place

 

"A successful app combines three aspects in a smart way: market, user and the product itself. All these factors need to work together to give users a unique value, great usability, and good performance. Accessibility is the last but not least key feature of a successful mobile app"

Key Features 

Created Animation for the Marketing on the social media demonstrating the Features how it works

Affinity  Mapping 

AFFINITY%20MAPPING-VISITZ%20APP_edited.p
Then we collaberatively started with analyzing and synthesizing user research finding by patterns and themes.
We used Optimal card sorting method for online workshop to understand the data visualization

Card Sorting

CARD%2520SORTING-VISITZ%2520APP_edited_e
Site map helped us to identify the hierarchical diagram of the application see how pages are prioritized, linked and labeled.
We used Optimal card sorting method for online workshop to understand the data visualization

SITE MAP DIAGRAM

Untitled%25252520presentation_edited_edi

Information Architecture 

Screen Shot 2020-09-16 at 3.17.12 PM.png
Screen Shot 2020-09-16 at 3.17.20 PM.png
Screen Shot 2020-09-16 at 3.17.31 PM.png
Screen Shot 2020-09-16 at 3.18.03 PM.png
Screen Shot 2020-09-16 at 3.17.41 PM.png
Screen Shot 2020-09-16 at 3.17.53 PM.png

Wireframes

Low Fidelity Wireframes

1*lFx64r79BC7FBHv7TvmVLQ.jpeg
Image-15_edited.jpg
Image-15_edited.jpg
Image-15_edited.jpg
Image-15_edited.png
Image-16_edited.jpg
Image-16_edited.jpg
Image-16.jpeg

Mid Fidelity Wireframes

Screen Shot 2020-09-16 at 3.17.12 PM.png
Screen Shot 2020-09-16 at 3.17.20 PM.png
Screen Shot 2020-09-16 at 3.17.31 PM.png
Screen Shot 2020-09-16 at 3.17.41 PM.png
Screen Shot 2020-09-16 at 3.17.53 PM.png
Screen Shot 2020-09-16 at 3.18.03 PM.png

Accessibility Testing-WCAG 2.1

Logo -ADA.png
Contrast Ratio for Header design
Icon Decoration.png
Contrast Ratio for Logo design
Header.png
Contrast Ratio for Logo design
Button dec--2 secondary.png
Contrast Ratio for Secondary button design
input text.png
Contrast Ratio for Input field design

Style Guide

Creating a visual identity to my product
Visitz had to feel like an easy, simple, and delightful app, as shown in the interviews. I had to keep in mind it had to do with Safety and should also feel like a reliable and safe place for the users. I first used the emotions of colors as a start to decide on my color palette and make sure my interface would impact my user in the right way, and then could create my style tile :
Screen Shot 2020-09-16 at 3.34.58 PM.png
Screen Shot 2020-09-16 at 3.35.13 PM.png

High Fidelity Wireframes- Mobile App

Screen Shot 2021-04-16 at 2.43.12 PM.png
Screen Shot 2021-04-16 at 2.43.29 PM.png
Screen Shot 2021-04-16 at 2.43.43 PM.png
Screen Shot 2021-04-16 at 2.43.55 PM.png
Screen Shot 2021-04-16 at 2.44.08 PM.png
Screen Shot 2021-04-16 at 2.44.19 PM.png
Screen Shot 2021-04-16 at 2.44.29 PM.png
Screen Shot 2021-04-16 at 2.44.38 PM.png
Screen Shot 2021-04-16 at 2.45.07 PM.png
Screen Shot 2021-04-16 at 2.45.21 PM.png
Screen Shot 2021-04-16 at 2.45.33 PM.png
Screen Shot 2021-04-16 at 2.45.43 PM.png
Screen Shot 2021-04-16 at 2.46.25 PM.png
Screen Shot 2021-04-16 at 2.46.37 PM.png
Screen Shot 2021-04-16 at 2.46.15 PM.png
Screen Shot 2021-04-16 at 2.46.47 PM.png
Screen Shot 2021-04-16 at 2.46.53 PM.png
Screen Shot 2021-04-16 at 2.47.11 PM.png
Screen Shot 2021-04-16 at 2.47.20 PM.png
Screen Shot 2021-04-16 at 2.47.37 PM.png
Screen Shot 2021-04-16 at 2.48.07 PM.png
Screen Shot 2021-04-16 at 2.48.15 PM.png
Screen Shot 2021-04-16 at 2.48.39 PM.png
Screen Shot 2021-04-16 at 2.48.46 PM.png
Screen Shot 2021-04-16 at 2.49.29 PM.png
Screen Shot 2021-04-16 at 2.49.11 PM.png
Screen Shot 2021-04-16 at 2.49.21 PM.png
Screen Shot 2021-04-16 at 2.49.45 PM.png
Screen Shot 2021-04-16 at 2.49.38 PM.png
Screen Shot 2021-04-16 at 2.50.04 PM.png
Screen Shot 2021-04-16 at 2.50.29 PM.png
Screen Shot 2021-04-16 at 2.50.48 PM.png
Screen Shot 2021-04-16 at 2.52.01 PM.png
Logo.png

High Fidelity Wireframes- Web App

Screen Shot 2020-09-17 at 2.57.33 PM.png
Screen Shot 2020-09-17 at 2.57.42 PM.png
Screen Shot 2020-09-17 at 2.58.04 PM.png
Screen Shot 2020-09-17 at 2.59.53 PM.png
Screen Shot 2020-09-17 at 3.00.19 PM.png
Screen Shot 2020-09-17 at 3.00.30 PM.png
Logo.png

Prototypes 

Screen Shot 2021-04-16 at 3.34.43 PM.png

Learnings

  • Visitz offers a simple solution to Businesses the need to demonstrate empathy for their customers and employees to convey a feeling of safety in the workspace.

  • The beginning of my research taught me that approaching interviewees is not always easy but, perseverance is key to get insights that are primordial to make any design decisions.

  • As any designer with a deadline, I also had to prioritize on the work I wanted to get done for this project like as per users needs I had to make clips for the safety alerts feature, add direct calling to customers, etc...: I wish later on to go deeper in my research to get to know more of the managers’ frustrations and improve my interface from their perspective.

  • Creating a visual design for Visitz was a journey as it was challenging to make it connect with the users’ needs to current pandemic situations and making sure it fits as a useful, smart, and beautiful product.

© 2023 by Sheetal Dhekane. 

bottom of page