• UX Design
  • UI Design

Mint Inc website

Redesign for a real estate construction company website

About the project

  • Duration
    Mar - Jul 2021
  • My role
    UX Designer
    UI Designer
  • Team members
  • Tools
    Pen and paper
    Figma
  • Deriverables:
    Annotated wireframes
    Style guide
    QA reviews
    Live responsive website

Summary

Mint Inc is a real estate construction company in São Paulo, Brazil, which wanted to revitalize their website, aiming to improve its conversion rate by emphasizing users' needs and using a youthful and modern language, sympathizing with the brand's humanization and information on the properties offered. In addition to increasing reachability and searchability, by using lead generation and SEO for search engine rankings.

Discover

— Briefing

What does the Mint website need?

After the initial briefing meeting, where we were able to understand the client's goals regarding the website. We then performed competitor analysis to understand where improvements could be made.

Define

— Brainstorm & Personas

Understanding the company values

We dissected the brand manifesto and based on it, two personas were created to help us in the website creation process, thus empathizing with our target audience.

Manifesto brainstorm & created Personas
— Sketches & lo-fi wireframe

Structuring the website

We made a few sketches illustrating how to humanize the website while focusing on converting new users.

Here are some proposed solutions for the site:

— Interface creation

Interface creation

After the wireframe was approved, we worked on proposed changes and came up with the high-fidelity wireframe, we used the brand guidelines to design a youthful and modern layout.

Sketch
Sketch
Hi-fi desktop & mobile versions. Access Mint Inc Website for a full view.
— Prototype & usability testing

Testing, testing...

Prototypes for desktop and mobile versions were created, with the client being responsible for testing and providing us a report with their observations. Once we received the report, we worked on an updated version that was approved shortly thereafter.

Production

— Style guide + annotations

Supporting the developer

With the client's approval, we documented every screen, including annotations and how each element should behave within the flow, such as error/success messages, animations, etc.

In addition, we created a style guide to be used in future site updates, along with codes and assets to make the developer's life easier.

Style guide
Wireframe annotations

Conclusion

The site was developed, tested, and fixed before launch. It is worth mentioning that we also implement SEO tools to improve the ranking in the search of the website by tools like Google.

We were very pleased with the results for being able to count on a team with great professionals.

You can access Mint Inc website here.

Get in touch

I would love to hear your ideas.Reach out and let’s discuss how to make your dream project go live!

Do you prefer to send an email? Please, send it to:

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.