Context

This project — referred to here as the base platform — is a centralized SaaS tool built for the world of creatives. The vision was ambitious: a single hub that brings together all the tools a creative professional needs to work, communicate, and collaborate. That meant features spanning video, music, messaging, and secure file sharing — everything in one place, built with security as a core requirement from the start.

When I joined Guarapo Labs, the product already existed as an MVP — but it had been built almost entirely from a development-first perspective. There was a Figma file, but it was sparse and poorly organized: inconsistent components, missing states, no clear structure. The design side had not kept pace with the engineering, and it showed.

The Challenge

The core problem was that the product had grown without a design foundation. UI components were inconsistent across screens, Figma files lacked structural organization, there was no formal design system, and the design-to-development handoff required complete realignment.

Beyond the structural issues, the product scope itself added complexity. Centralizing video, music, messaging and file sharing — each with its own interaction patterns and user expectations — meant there was no single reference point to design from. Everything had to be built and unified from scratch.

My Role

As part of a collaborative design team, I took on the structural design work needed to bring the product from MVP chaos to a scalable foundation:

• Establishing a token-based design system covering color, typography, spacing, and component variants
• Auditing and completely reorganizing the Figma file architecture
• Designing new features aligned with system rules across all four product areas (video, music, messaging, files)
• Building a structured design-to-development handoff process
• Participating in product discussions around monetization logic and experimentation planning

Building the Design Foundation

Design System Implementation

I introduced a token-based UI structure that defined color, typography, and spacing tokens; reusable components with proper variants and states; and naming conventions with consistent patterns across all modules. Given the multi-domain nature of the product, the system needed to be flexible enough to serve video interfaces, chat views, music players, and file managers — all under a unified visual language.

Figma Architecture & Workflow

The existing Figma file was the starting point — and also the biggest obstacle. I rebuilt the workspace structure from scratch: standardizing component usage, eliminating duplication, creating clear page hierarchies, and establishing a handoff flow that developers could actually follow. What had been a scattered collection of screens became a working design environment that could evolve with the product.

Outcome

• Transitioned the MVP from a dev-first approach toward a structured, system-based design foundation
• Unified visual and interaction patterns across four distinct product modules
• Improved design-to-development handoff clarity and speed
• Established a scalable Figma architecture ready for future feature growth
• Created the groundwork for a product that can support experimentation and monetization iterations

Why This Project Matters

Working on a product this broad — where video, music, messaging and file sharing had to feel like one coherent tool — sharpened my ability to think in systems rather than screens. The challenge wasn't just making things look consistent; it was creating a foundation that could absorb growth without breaking. That's the kind of design problem I find most interesting, and most valuable. ✦

Context

Real T is a real estate company that leverages blockchain technology to transform how properties are bought, sold, and managed. I joined as part of the design team and quickly took on the role of UX/UI Lead, taking ownership of the design direction across two main fronts: internal tooling for the team and experience improvements for their sub-products.

The Challenge

Working at the intersection of real estate and blockchain presented a unique design challenge: the technology was evolving fast, and the team needed interfaces that made complex concepts accessible without sacrificing trust or accuracy.

The work required constant iteration — new blockchain features meant rethinking flows from scratch, adapting mental models for users unfamiliar with Web3, and ensuring that internal tools could keep up with an equally fast-moving operation.

My Role

As the UX/UI lead within the design team, I was responsible for:

• Designing internal tools for operational use — dashboards, admin panels and workflow interfaces built for the Real T team
• Improving the UX of their sub-products, focusing on usability, clarity and user trust in a blockchain context
• Leading the UX/UI direction within the design team, aligning decisions with product and tech stakeholders
• Running continuous research and usability testing to validate design iterations
• Adapting designs rapidly as new blockchain-related features and requirements emerged

Designing for Blockchain — A Moving Target

One of the most interesting aspects of this role was designing for technology that was constantly changing. Blockchain-based real estate introduces concepts most users have never encountered — tokenized assets, smart contract steps, wallet-based verification — and making these feel intuitive required deep user research and relentless simplification.

What I Took Away

This experience sharpened my ability to work in high-ambiguity environments where the technology itself is a moving target. Leading the UX/UI direction taught me how to align cross-functional stakeholders while keeping the user at the center — even when the product landscape kept shifting.

It also reinforced how critical clarity is in complex domains. When users are making real financial decisions through unfamiliar technology, every interaction has to earn their trust. ✦

Overview

HERE! is a safety and location-sharing mobile app designed for women in Colombia. It allows users to share their location at any time, alert their trusted circle in case of danger, and access safety tools like an SOS button, a fake call feature, and silent emergency activation. The project was born from a very real problem: women in Colombia face alarming levels of street violence and harassment, and existing tools weren't designed with their specific needs in mind.