Loading
Home
  • Client:  BlockIt Lab
  • Ux/ Ui

Website Design, KYC, and Web App for Nuknuk

Nuknuk is a fintech platform designed to transform the rental experience in Mexico. Through a comprehensive digital solution, it aims to centralize tools to simplify the relationship between tenants, property owners, and brokers. From tracking leasing processes to managing monthly service and rent payments, the platform enables users to maintain an organized financial history, payment references, and key documentation — all in one place.

This project marked my first experience with the fintech sector, and I developed it in collaboration with a team of UX specialists. My main role was leading the visual side of the product: from creating wireframes to UI design and the development of interactive prototypes. The challenge was to translate complex processes — such as user onboarding with KYC verification, contract visualization, and payment flows — into accessible, clear, and user-friendly interfaces for users with varying levels of digital experience.

Research Objectives

The objective was to understand the needs and pain points of tenants, property owners, and brokers throughout the rental process, from contract signing to monthly payments. Through research, the goal was to validate the usefulness of a platform that centralizes payments, documentation, and process tracking, with a focus on improving the experience and trust of all parties involved.

Methods

Although I was not directly involved in the research phase, the project included a strategic definition of user flows focused on three main profiles: tenants, property owners, and brokers. Each flow was designed in a personalized way, taking into account both the user experience within the platform and the specific requirements of the verification process (KYC), which was key to structuring the entire navigation and functionality.

The platform was conceived as a web app primarily focused on desktop.

Key findings

One of the most relevant findings was that each user profile had very different needs, levels of digital literacy, and goals. For example, while tenants valued payment clarity and quick access to documents, property owners needed control over rent tracking and reference validation. In the case of brokers, their priority was streamlining processes and gaining visibility over ongoing operations. These differences set the tone for a modular design, focused on offering specific solutions for each type of user.

Creation process

My contribution focused on the UX/UI design of Nuknuk’s main website, which serves as the gateway to the platform. Building on the team's previous work on internal flows, I developed an interface that made access easier for new users, integrating visual storytelling and clear navigation to guide them through the verification process (KYC) and eventually into the platform.

Working based on the team's progress allowed me to create a cohesive connection between the website experience and the platform’s functional structure, ensuring a smooth transition between initial communication, registration, and active use of the tools.

Prototype design

For this project, a design system was developed to align with Nuknuk’s branding, assigning a unique color palette and visual style to each profile: broker, tenant, and property owner. Additionally, differentiated graphic styles were defined for illustrations and photography, reinforcing each user's identity within the platform.

Under the supervision of the UX team, I worked on creating wireframes for each key screen, not only for the website but also for the KYC process and the platform itself. This allowed us to organize the different flows step-by-step before reaching the prototyping phase, ensuring that the experience was clear, accessible, and visually aligned with the brand’s identity.

<span data-metadata=""><span data-buffer="">Usability testing

Throughout the project development, usability tests were conducted with different user profiles, allowing us to identify areas for improvement in the interface and adjust key details in each iteration.

Thanks to these tests, the visual and functional experience was refined, ensuring that each flow effectively responded to specific user needs.

The process was iterative and continuously evolved as new insights were gathered.

Results and learnings

This project became one of the most challenging, yet one of the most rewarding I have participated in. Designing multiple screens with complex processes was a major challenge, but thanks to teamwork and clear objectives, we were able to translate technical functions into accessible, visual, and organized flows.

The experience allowed me to dive deeper into the needs of both the client and the end users, and reinforced the importance of designing through collaboration to simplify complexity.

Next steps

The next step will be the implementation of the design in development, ensuring that every visual and functional detail is accurately translated into the final version. Additionally, it is recommended to continue with constant iteration, refining the experience as real user feedback is collected.

Other projects

Ready to bring your ideas to life?

© Ceci Vif 2024. All rights reserved.

en_USEN