Foto de perfil

Augusto Alexandre

São Paulo, BR

Foto de perfil

Augusto Alexandre

São Paulo, BR

Rebrand Vilela Advocacia

The rebranding project for Vilela Advocacia aimed to modernize the visual identity and strengthen the firm’s digital presence. The goal was to combine tradition with innovation, delivering a clear and impactful communication.

Client

Advocacia Vilela

Service

Product Designer

Data

2024

Imagem Projeto da Vilela Advocacia feito por Augusto Alexandre UX UI PRODUCT DESIGNER

Project Overview

The challenge

The main challenge was to design an identity that conveyed trust, professionalism, and client proximity, without losing the seriousness of the legal field. The rebrand included defining typography, a new color palette, and a full website restructuring with a custom UI kit.

Key challenges included

  • Balancing tradition with modern design.

  • Selecting typography that conveys clarity and trust.

  • Developing a color palette that reflects professionalism and accessibility.

  • Ensuring usability and a seamless digital experience.

My Role

  • Research and definition of the new visual identity.

  • Creation of the UI kit and style guide.

  • Structuring the new website aligned with the brand.

  • Conducting visual consistency and usability tests.

First Steps

Ideation and Concept

The process started with research on the legal sector and benchmarking against law firms. Moodboards and visual maps were developed to explore concepts of trust, professionalism, and proximity. The ideation phase aimed to translate these attributes into design elements that resonated with the target audience.

Prototype Development

With the identity established, the next step was prototyping the website. The focus was on building functional, clean, and well-structured interfaces. The prototypes allowed for internal validation, ensuring adjustments to navigation, information hierarchy, and visual consistency.

Usability Testing

Usability testing focused on the user experience, assessing navigation clarity, typography readability, and color harmony. Feedback gathered guided improvements in navigation flows, accessibility, and reinforced the firm’s visual credibility.

Implementation and Launch

The implementation phase consolidated the project, with the final website development and UI kit application. The launch included technical refinements and visual adjustments, ensuring the final delivery matched the envisioned concept.

Outcomes

Monitoring and Continuous Improvement

Post-launch, the monitoring stage focused on performance, engagement, accessibility, and responsiveness. Continuous improvements were made to ensure the brand’s digital longevity and adaptability over time.

Expected results

  • A modern and consistent visual identity.

  • Increased client trust and credibility.

  • Enhanced website navigation and usability.

  • Stronger digital presence.

The final result

Conclusion

The rebranding of Vilela Advocacia delivered a modern, strategic identity aligned with the firm’s values and digital presence. The new website and UI kit reinforced trust and provided a more engaging user experience.