Reveri’s
App Rebrand
01 / SUMMARY
Upon the decision to undergo a rebrand, Reveri teamed up with Mother Design, a London-based creative agency, to design the new brand identity.
As the Senior Product Designer, I played a key role in explaining how Reveri works, our app design challenges, and user feedback. After Mother Design provided the final brand guidelines, we took on the task of redesigning the entire app. We spent three weeks creating a new UI Kit, redesigning all the app screens, revamping assets, working with developers, and successfully launching the updated app.
02 / UNDERSTANDING THE PROBLEM
We opted for a rebrand to expand Reveri's marketing efforts, including social media, influencers, and other channels. The goal was to ensure the brand mirrors our vision and mission, providing a consistent look across all platforms. This not only supported our marketing expansion but also served as a guide for a unified brand representation.
03 / THE PROCESS
Upon receiving the final brand guidelines from the agency, we kicked off the app makeover. Here's how it went down:
STEP 1: EXPLORATION
As the agency finalised the brand guidelines, we began developing screen concepts, creating prototypes, and collecting team feedback to shape the app's potential look and feel.
STEP 3: CREATING A NEW UI KIT
This phase focused on establishing foundational UI elements in line with the new brand guidelines, encompassing color palettes, typography, and a visual language aligning with the refreshed brand identity.
STEP 5: IMPLEMENTATION ON IOS + ANDROID
We collaborated with developers to translate the designs into the app. Daily builds were shared for review to ensure alignment with the established design standards and make timely adjustments as needed.
STEP 2: APP AUDIT
The app audit phase involved a thorough examination of existing app components. We identified commonalities, and streamlined elements, and laid the groundwork for a cohesive redesign.
STEP 4: REDESIGNING ALL THE SCREENS
In this phase, I revamped all screens in line with new guidelines and collaborated with developers for a smooth transition, ensuring continual communication during early implementation.
STEP 6: WEBSITE + MARKETING ASSETS
In addition to the app, I took the lead in redesigning the website and marketing materials. This involved ensuring a consistent and cohesive representation of the brand across different platforms.
04 / CHALLENGES
One major challenge we faced was the tight timeline for the app redesign and launch. With only two weeks, our team had to communicate clearly, prioritize effectively, and collaborate to ensure the redesign was completed on time. This challenge emphasized the importance of efficient coordination, quick decision-making, and alignment with marketing plans.
Ensuring the app's integration with brand agency guidelines posed a challenge. We had to ensure that design elements, such as color schemes, were functional across various contexts, including light and dark mode. Scalability was also a key consideration, particularly for hypnosis exercise illustrations. We needed a design that could adapt to evolving guidelines.
Accessibility became a significant challenge, specifically regarding the design agency's use of gradients. While gradients can enhance visual appeal, they can also create readability issues. We closely collaborated with the agency to ensure that all elements within the app maintained readability, even when text was placed on gradients. This collaborative effort emphasized the importance of prioritizing accessibility, ensuring a user-friendly experience for our users and aligning with the principles of inclusive design.
05 / LEARNING
A can-do attitude: By strategically organising and prioritising tasks, a redesign can be successfully accomplished within the designated timeframe.
Brand consistency: Maintaining consistency across all platforms, including the app, website, and marketing materials, is key to a strong and recognizable brand identity. Consistent visuals contribute to brand recall and user trust. Notably, this long-term commitment to brand consistency has proven effective, as people now identify Reveri through its distinctive design.
Involving developers early on: The developers' early involvement has been extremely important, uncovering issues that neither the agency nor us as designers were initially aware of. Their insights played a critical role in refining the redesign for optimal functionality and user experience. They’re also so much fun to work with! 😄