Beeline Dating App
Android • Wireframes • Flowcharts • User Interface • Animation • Prototyping
The goal of this project was to design an Android dating app and get it ready for launch. The project was completed in two phases. During the first phase the majority of the app was completed, and during the second phase additional features were added.
For this project I created wireframes, defined flows, designed the UI as well as a couple of animations. Design is inline with Google's Material Design guidelines - per clients request. You can read about the process below.
Phase 1: Designing 0 to 1
"Ljubomir designed the UX for an online dating Android app for me. His proposal stood out by not only being well written and specific to the project but also hinted on good communication skills and attention to detail. Both of which turned out to be true during the project. He was very committed to getting the design perfect in every detail. He has a good sense for layout and white space. He went above and beyond with adopting workflow processes, like using GitHub and Android Studio. Business peers and friends gave his design prototype great reviews.I highly recommend Ljubomir."
Starting with the core
When I joined the project the back end was already completed and my task was to build an easy to use interface around it. I decided to start by wireframing the most important screens like the rating screen that's unique to this app. I continued by defining other screens that the user goes through to meet someone.
Taking care of navigation and flow
After we defined the main flow of picking who you like it was time to step back and see how it all fits into the big picture. The navigation was designed so that all the main steps are easily accessible as tabs on a single screen.
Putting it all together
After we had both the structure and the wireframes I proceeded with putting it all together and designing the final UI. As it so happened I had access to the code and decided to try and implement my designs in XML. Even though I've never done it before the client (who was a developer at Google) was very happy with the results and asked me to do the other screens as well.
View interactive prototype
Phase 2: Rebrand & Profile Builder
"The project to was to a follow-up to the UX design of an Android dating app. The goal was to address changes and feature introduction since the original design.
Ljubomir does a really great job. He took the "wire frame UI" and made it stunning and user friendly. I demonstrate the app during my course of business. Many people instantly took notice and complimented on the design.
Beyond having a great portfolio, the actual communication and working relationship is key for the success of a project. Ljubomir is responsive. He injects his expertise and engages in deep discussions about design issues.
A great aspect is Ljubomir's familiarity with GitHub and Android XML layout files. I could simply provide him with access to the GitHub project. He applied the design directly to the layout files. That saved all the rounds of making mocks with measurements, reviewing them, and adjusting them."
Adding more functionality
Before launch the app received a name change and the client decided to add one more feature which meant more work for me. The main focus of Phase 2 was the profile builder feature that helps the users set up their profile in less time.
Putting more focus on the algorithm
Since to main selling point and the main differentiatior of the app is it's unique algorithm that matches people to each other, the client wanted to point that out and to do that we added a "Feature discovery" animation as well as an onboarding flow to reinforce the message.
Aligning the UI with new branding
Someone else was tasked with designing the logo and the icon so my task was to make sure that the UI was in line with the new branding. There were also the new profile set up screens that also needed to be designed. Once again I was asked to implement the design in XML even though the client knew how little experience I had with writing code for Android apps.