Overview
This was a 1 month project, done during my internship at Drozee. I designed the interface of Iscan which is a document scanner and converter. Iscan is an app that scans documents with ease and also provides a smooth experience to convert your document in the desired format.
Project Context
Internship Project
My Role
Research, UI/UX design, Visual Design
Duration
1 month
Objective
The objective of this app is to provide a good user experience in scanning and converting documents and also make managing documents easy.
Mind Map
First I brainstormed all the differnt features to be added in the app.
Competitor analysis
After brainstorming different features, I analysed the flow and design of similar apps such as Adobe scan, Kagaz, and Cam Scanner to understand the problems and to know the opportunities to fill the gap.
Pain Points
After using different camera scanner apps, i came across various pain points.
Persona
After understanding the pain points, I defined the target users and made a persona since our application is user-oriented.
User - Flow
In order to design the best experience, I looked at the possible paths the user might take during their journey and created the user flow.
Wireframes
Based on the research conducted at the UX stage, I started developing wireframes. It was important to conveniently arrange the elements on the screens and provide an intuitive structure of the application.
Style Guide
I wanted to choose a bright and eye-pleasing color palette and readable front, as the application will be used on all phone sizes.
Colour
Typography
Icons
Main Screens
I designed 50+ screens of the entire mobile application. Below are some of the main screens.
Onboarding
When a user opens the app for the first time, we introduce the benefits and features that he can use in the application.
Guest User
A user who doesn’t sign in will will see this interface. They will recieve extra storage once they sign in along with other benefits.
Registered User
A signed in user will be able to see their storage, folders and recent documents.
Scan Document
Scanning a document and then editing and saving it.
Convert Document
Scanning a document and then editing and saving it.
Account
User will be able to see account, storage, chat and support, refer and invite friends to use the app.
Prototype
Animated prototype of the working cam scanner app.
Conclusion
This was my first live project where I was solely responsible for designing the entire user interface of this app. I learnt how to colaborate with other designers and design team and work with deadlines. I also learnt time management as I was doing this internship along with college. It was a great learning experience.