Our work reflects your brand and turns visitors into leads, customers, and subscribers.
Urbi Labs
/
About the project
Urbi Labs is an Argentine development agency aiming to complement the work of small startups that do not have developers on their team. The agency focuses on utilizing custom WordPress for its projects.
We had the task of undertaking a complete redesign of the website. For this, the project went through different stages, initially to comprehend the project and subsequently to design it.
01
Discovery of the project
Understanding the project and the client's objectives was crucial. Therefore, a brief was created in collaboration with the client, followed by some tests on the website.
02
Moodboard & References
Alongside the client's brief, we began searching for visual references that could persuade the client. Subsequently, we started to conceptualize based on these references.
03
Wireframes and Look & Feel
Once the concept was formulated, we began creating wireframes for the website and defining a visual concept that would guide us throughout the design process.
05
Handoff &Design system
A design system was established with colors, fonts, and components to streamline the developers' tasks and facilitate future scalability of the design.
04
Website Design
After completing the tests and obtaining the final approval from the client, all screens of the website were designed.
Urbi Labs
/
Redesign
The client sought "the same but better." They knew they had the foundation of something good, so they requested to retain it but with specific improvements that would enable Urbi Labs to take a leap to the next level.
Urbi Labs
/
Branding
The primary branding remained unchanged, retaining the colors. However, the logo was updated to better harmonize with the new design. A new font was selected to infuse a more "development" feel without going for a completely monospaced typography.
Urbi Labs
/
Website
The key element in this design was the visible grids, used both visually and for organizing information in a different way that would appeal to potential clients. Brand color was heavily emphasized, and straight shapes were incorporated playfully.
Urbi Labs
/
Extra pages
With grids as the focal point, we maintained a minimalist design for the rest of the pages, including case studies, services, the blog, and more.
Urbi Labs
/
Mobile app
In the responsive version for phones, the grids were reduced to 4 columns, both visually and structurally. This provided more composition options with a smaller screen size and the ability to easily arrange components.
Urbi Labs
/
Design System
To scale the project in the future, the components and styles were organized into a unified design system.
Urbi Labs
/
Result
A striking and attractive minimalist design was achieved, leaving the client satisfied. The grid structure allowed for a great interplay with components, and typographic and color contrasts significantly improved the website's readability.
