Mashvisor design system

project type
Client
Mashvisor
year
2020-2023

Mashvisor is a Saas company providing real estate investment data analytics to broad groups of users. Main goal is to help users get accurate data for their investments providing them analytics for ROI as well as pricing their rental - with long or short term rental strategy. For almost 4 years I was the lead designer on the team.

Home page before
Home page after

Mashvisor visual design challenges

One of the first big ongoing projects I led was creating and maintaining a design system. When I joined the team all of the designs were made in Adobe Illustrator which didn’t have the latest designs due to changes done without in-house designer but only the developers. This resulted in different styles of texts, sizes of imagery and a lot more issues with individual components.Unconsciously user’s trust is higher when there is repetitiveness in design - not only visual but functional also. We had at least 6 different types of buttons. Our main color wasn’t covering accessibility testing and color blindness.Last but not least visual design was old and wasn’t appealing as our main competitors had more modern visual style.

Property page (before)
Property page (after)

Target goal

Create cohesive design system in Figma in order to achieve fast delivery from design team on one hand and guides and rules for the developers.

UX strategy

  • start building design system from 0 in figma
  • research about colors used in real estate investment business
  • start with small portions of components - buttons, text links, icon pack, dropdowns
  • unify the size of the typography, border radius and spacing
  • create color library with accessability in mind
No items found.
Other projects
Lomsko Pivo Website Redesign
web design
ux/ui design
DG Website redesign
ecommerce
ux design
ui design
ux research
web design
Lufthansa Technik Monitoring Dashboard
ux design
ui design
web design