UI/UX on Libitum’s product line
The final part of the rebranding was updating Libitum’s tools to reflect the new brand as well as updating the interface to a more modern and legible standard. Since these internal tools are what real estate developers are already using to set up and manage projects it was important to keep it familiar while still improving upon the tools.
Holistic and qualitative user data was gathered to better understand what features saw the most users and what features could be lower priority in the hierarchy to try and streamline the user journey through the tools. With this data many pages and menus received small reworks to their layout with the goal to minimize clutter and redundancy.
For the visual design all colors and fonts were updated to reflect the new brand and bring a new fresh look to the tools, while keeping the layout and hierarchy familiar to established users.
A system wide dark mode was workshopped but eventually scrapped due to time and not being deemed important to users.
Icons throughout the system were reevaluated and moved to Font Awesome’s latest icon library.
My delivery amounted to an extensive style guide with rule sets for the entire system. The guide included rules and design that would closely mimic the new visual brand that had already been implemented on Libutum’s other platforms as well as newly developed designs that could be used in similar instances moving forward. All rules included the necessary CSS for developers to quickly apply the design onto the product and easily keep track of assets.
padding: 10px 25px;
height: auto;
background-color:#1AD49C;
border-radius: 999px;
font-weight: 500;
font-size: 13px;
color: #f3f3f3;
line-height: 1.5;
text-align: centerbackground-color: #15AD80;
transition: transform .5s;
