White Label
We’ve created a unique visual system and strategy across the wide existing spectrum of visible mobile applications and found yourself in a wide, straggling with wainscots!
Task
Rebuild a unified visual system for the advertising agency, made of steel which can change the world in a while.
Questico is the bench mark of a white label app production which is being developed for German, English and French speaking markets. Delivered for Android and iOS, this platform features variety of complex services across 3 different App products, sharing the same code base.
Working as a UX/UI Designer in the company’s mobile team who was responsible for the design and development of 5 apps.
The team was concluded of two UX/UI Designers, 5 iOS & Android developers, 2 QA Engineers, and a Product Manager.
My main responsibilities were to have full ownership over our Design system, since our core three apps were part of a white label, and maintaining the design system was a major requirement to be fast and consistent across all the apps. Maintaining a high-quality design system ensured a smooth development process, with smooth design, building, and testing product circle.
The main tools we were using to ensure a strong reference point for the team were Sketch & Zeplin.
One of the first tasks was to adapt Questico app to the new Brand. Icon adaptation, Splashscreen animation in Json, updating color and font libraries, and work on the whole look & feel was the abstract brief.
Just before we dive in..
- Questico (DACH market)
- Viversum (DACH market)
- TheCircle (UK market)
are part of a white label. The changes that we made in Questico got adopted by the other two. I will focus more on Questico than the other two because this is the app that is driving the revenue.
Questico iOS & Android
iOS & Android app
iOS & Android app
This is Questico’s product listing. The users, on this page, can sort their results and save, call or chat with an advisor.
What has changed⁉️
- Nav Bar Icons and Tab Bar Icons changed to thicker lines for improved readability.
- Nav Bar Background receives improved usability, due to dark mode. Easy adaptation to dark mode.
- Font style was changed to the new one according to the Brand book
- All icons got updated to the new design
Users here can read the details of the advisors. Information like:
- their experience
- pricing
- review
- video and/or audio demo
- availability
What has changed⁉️
- Nav Bar Icons and Tab Bar Icons changed to thicker lines for improved readability.
- Nav Bar Background receives improved usability, due to dark mode. Easy adaptation to dark mode.
- Font style was changed to the new one according to the Brand book
- All icons got updated to the new design
This screen is where all the revenue is coming from.
The users can contact advisors either by chat or call. Most of our users prefer chatting.
- Users can engage in a chat by directly contacting them
- Users can book a reading in advance to ensure that their favorite advisor will be available
Assychronous communication
Many advisors are big celebrities in the “world” of esoterism. Therefore many users want to contact them but unfortunately, they might not be available for the synchronous session since they can’t work 24/7. With Qmail, users can contact them and the advisors can respond during their downtime.
A new tab was designed and added to the app to add some content for the users to read and share.
- We had a huge collection of images with quotes that were changing every day and the users can share them on their social media. This is a good way to acquire new users without any marketing costs.
- We have a team writing content daily for our offline magazine and website therefore adding this feature to the app would be beneficial to increase retention.
Lastly, I tried to improve our onboarding and registration flow since it was a really long one. We used to have too many steps and not all of them were essential.
The first step was to conduct a survey to understand our new users. Designed and built on Brazy a survey I created on SurveyMonkey. (I wanted to avoid a cross-department process that sometimes takes a lot of time since our time for research was limited)
What changed?
- Registration is now customized to the flow that the users are currently following and the steps are the minimum/essential for the action that they are trying to complete.
The Product manager chose to move forward with the first concept. Unfortunately, I couldn’t monitor the performance of that change since I got promoted to a Lead Product Designer and moved to another team of the same company.
We’re a team of creatives who are excited about unique ideas and help fin-tech companies to create amazing identity by crafting top-notch UI/UX.