In August 2020, I was part of a team that designed, prototyped and developed ATTP a web application that helps companies and individuals organize their web presence and automate lead generation
Inroduction
Intoduction
MY ROLE
-
User Experience
-
User Interface
-
Journey Mapping
-
Wireframing
-
Usability Testing
-
Interaction Design
TOOLS USED
-
Adobe XD
-
Zeplin
-
Miro
PLATFORM
-
​​Web
TIMELINE
-
3 Months
My role
I designed part of the web app concept, from feature ideas and user journeys, to the final prototype — including communication with product stakeholders and a remote development team.
01
To create a consistent and appealing product for clients
There are a lot of successful projects on this business field so far e.g. such giants as “StyleSeat” or “Treatwell”. We wanted to compete against them and that sounded like a challenge that we accepted. To create a meaningful UX we had to consider the process from the client perspective, highlight pain points and interview real users of our potential competitors.
02
To create a smart business tool app for businesses
We considered applicable industries for the appointment setting, researched across business pain points and tried to emulate the familiar app environment for the user on the business side. During that research, we indicated top 5 web apps used by our target audience - that were Gmail, Facebook, youtube and eBay.
About the Project
APPT is a smartly structured web application that is designed for independent individuals and growing companies to organize their web presence and automate lead generation.
​
Entrepreneurs or businesses can set up their own professional website, advertise thier services and land clients or book services from providers online.
Our Targets
03
To design a smart, neat and interactive prototype that is able to raise funds
We were aimed to not just create an appealing design but to create a successful product that could have been easily proposed to investors and got some funds raised for further development and support.
Product
The Prototype
90 Screens
We came up with a plan to start with wireframes. That was the only way that allowed us to test our ideas before the real designing started.
​
Wireframing stage actually was the most complex and time-consuming thing. During that stage, we established the app architecture, navigation components and ended up having a clear vision of the user journey.
Onboarding
When I was working on the onboarding process I grouped the different inputs and split the pocess into 4 steps that are easy to follow
Onboarding
Business Profile
The main goal I persuaded when designing a business profile was to get it clear, comprehensive and appealing. I tried to let the user have everything he/she needs within reach. No complex navigation, no hidden functionalities - just a useful dashboard with key features at a hand.
Reporting Dashboard
The Reporting Dashboard is a smart tool that is used to track and monitor the KPIs, business metrics, and analytics. The killer goal within the Reporting Dashboard was to organize analytical data and make it simple to be perceived.
Styling
Colors
#00B4B5
#F7F7F7
#E8F3F0
#BDC5C0
#FFFFFF
#AAA9A9
#6B6B6B
#302F33
Styling
Typography
Roboto
Regular
Medium
Bold