- Innovation Consulting
- Research
- Stakeholders workshop
- Product strategy
- UI/UX Design
Intro
Intro is a mobile application that works on both the iOS and Android platforms. The main goal of the app is to create a dating platform for its users, where they may upload short films called "intros" to the app and connect with other Intro users.
Industry: Online dating
Project type: Mobile app and Web app
Our role in the project
User experience
User interface design
- UI/UX Audit
- UI/UX Design
- Visual design
Development
- VueJS
- NodeJS Backend/API integrations
- iOS app development
- Android app development
Post-Launch
- Innovation Consulting
- Research
- UI/UX Audit
- Product strategy
- User testing
Technology Used
Define Requirement
User Problems
User Problems
The major goal of the app is to create a dating platform for its users, where they can upload short films called “intros” to the app and connect with other Intro users. Users can simply include their multiple interests and these will be used to match you with users of similar interests. For instance Coffee, Movies, Book nerd, Music lover and so on. Moreover, you can add your identity so that it can help the intro app to show me intro videos from the preferred gender that I am interested in.
Business Problems
Business Problems
Through this app clients from Intro project wanted to help users to create an intro so that their intro profile will be visible to other intro users. They can create an intro video or choose a video from device, apply video filters and share their intro.
Process
We went through several different processes with the clients to understand the project. We went through the user flow diagram for over 3 weeks and tried to map how the entire project should work while making a lot of changes. Firstly, the objectives of the app were understood. Analysis was then done to figure out the target audience, app development language and framework, what platform, is there similar app in the market, overall budget, how to market and promote the app, and many more. The ideation came hand in hand with the user flow. The unique part of the development process was a deep focus on how the users actually go through the process and where we need to make the touch points to address where they are having issues and how we can help solve that.
Backlog creation
Backlog creation
We also created a prioritised agile backlog to make it easier to plan releases and iterations. This detailed everything the team intends to do with their time. The backlog was built and updated on a regular basis to keep up with the project’s progress.
Backlog grooming
Backlog grooming
Before each iteration plan meeting, the product owner evaluated the backlog to ensure that the prioritization was correct and that input from the previous iteration was being tracked. The entire team was involved in the process of defining user stories and prioritizing important activities using the work breakdown framework. This procedure kept the team focused on the product roadmap’s strategic direction.
UX & UI design
Design Sprint
Design Sprint
The design sprint of this project assured all the team members was on the same page, which resulted in a successful collaboration of the team. Furthermore, performance, plan and progress were shared with the client by prototyping and testing solutions.
User Testing
User Testing
Usability testing was crucial in make the app a success. Rather than designing just based on assumptions, the designers used the data from the testing . Furthermore, this testing allowed product teams to find any problems before it reached the end-users. It also helped to identify early bugs which allowed the smoother launch of the app.
Log in
Your Interests
Its a match
Notification
Tutorial
Create an intro
- Create an intro video/choose a video from device
- Apply video filters
- Choose music and sync with video
- Trim video/audio as required
Share Intro
- Click on the “share intro” button
- Video caption: As a user, you can to enter the caption to the video.
- Make this my intro : As a user, I can check/uncheck the option to make the video as my intro.)
- Add to my profile only: (As a user, I can check / uncheck the option to add the video in my profile only.)
Retrospective
Learning
Learning
One of the most important lessons learned by the company from this project is that even if we are introducing something new to the audience, we must be flexible enough to accommodate multiple audiences. We’ve also learned that we need to be adaptable. Wireframes, flow diagrams, and other design elements have taken a lot of time and effort.
Next steps
Next steps
Once the app was launched, it reached on the hands of users and then we started receiving feedback. After that, we incorporated all the feedback into the next versions. The next steps to take is to look for the opportunity to resolve problems.
Related case studies
Fresh Clinics
- Project
- Mobile app
Coposit
- Project
- Mobile app
Tipquick
- Project
- Mobile app