Rebrand App UI
Full visual update of the Aviva App to align with new brand guidelines: new logo, color palette, typography, and iconography across all app flows with no functional changes.
- Company
- Aviva Crédito
- My Role
- Product Designer
- Period
- May 2025 – Aug 2025
Targets & expectations
Target metrics: reduction in visual inconsistencies in QA, improvement in positive ratings about visual experience, and maintained or improved visual load performance post-change.
Problem
The mobile app maintained a design misaligned with Aviva's new visual identity, creating inconsistency across channels (kiosk, web, app) and weakening unified brand perception for clients.
Research
Work was based on the new Aviva Foundations (Figma) and App Components guidelines already defined by the branding team. No functional or interaction changes were made — the redesign was strictly visual and token-driven.
Solution
Logo replacement, application of new color tokens, typography update across all styles (h1, h2, body, caption), and iconography update throughout the app. Scope: onboarding/login, Home, KYC flows, documents, payment slip, and profile. Validated in light and dark mode.
Learnings
- Color tokens are the contract between design and development: A rebrand without a token system requires changing every component manually. With well-defined tokens, the change propagates from the source. The quality of the token implementation determines the quality of the rebrand.
- A 'visual-only' scope is more complex than it looks: Every screen has a border color, icon, typography, and state to review. A full app rebrand is as intense a QA effort as a functional redesign.
- Branding and product must validate together: Branding teams define the visual language; the product team defines the usage contexts. The rebrand required joint sessions to resolve cases where the brand guidelines didn't cover specific UI states (errors, empty states, loading).