Available for work

US

02:45:06

Available for work

M&O Law Firm

Rebranding and responsive landing page, from discovery to code, with AI in the development process.

Overview

End-to-end rebranding and interface project for a law firm in Niterói, RJ. The challenge was to modernize the brand's digital presence and make legal information accessible, replacing excessive legalese with clear, user-centered communication on a new landing page.

Role

Product Designer

User research, interaction, visual design, prototyping and validation · Claude, Figma, VS Code, GitHub and Vercel


September 2026

Rebranding: authority and consistency

Building a visual identity that conveys credibility and sophistication.

The project began by restructuring the visual identity to convey more credibility and sophistication: redefining the logo, a palette in sober tones, typography and tone-of-voice guidelines. The result is a modern visual language, designed to be applied consistently across all of the firm's digital channels.

From identity to interface

Design as a business tool, focused on clarity and conversion.

With the new brand consolidated, the identity was extended into a landing page with a clear visual hierarchy, an adaptive color system and strategic UX Writing. More than an aesthetic refresh, the page was structured as a business tool: making navigation easier, simplifying communication and generating leads from new clients.

From prototype to code

End-to-end front-end development with AI support.

After leading discovery, ideation and goal definition, I also took on the front-end. With Claude as a pair programmer, VS Code, GitHub and Vercel, I built the page from scratch based on Figma, with design fidelity and continuous deployment. AI shortened the path between the design decision and the live product.

Learnings

What did I take away for my work?

This project taught me to balance the seriousness of a traditional sector with the lightness of a modern interface. The biggest insight was seeing in practice how simplifying language brings users closer and builds trust. Moving from Figma straight to code, with AI as support, also changed my view of autonomy in design: I can validate ideas faster and ensure the purpose reaches the end user intact.

© 2024 Tiago Macena
--:--
Rio de Janeiro
© 2024 Tiago Macena
--:--
Rio de Janeiro