My Work

From concept to launch — projects that I'm proud of.

Overview:

Insectarium is a daily journaling app that makes progress feel tangible. Instead of just text entries, each logged achievement — big or small — adds a unique insect to your daily collection. The design is inspired by physical insectariums: colorful, interactive, and rewarding to watch grow. Built for people who struggle with motivation or recognizing their own progress.

My Role:

Solo work from concept to App Store launch. Designed the full experience in Figma with a focus on animations, haptics, and micro-interactions. Built the app in SwiftUI using AI-assisted development (Cursor), handling features like local storage, iCloud sync, and Instagram Story sharing. Took about a month, working fluidly between design and code to maintain polish across both.

Categories:

UX/UI Design

AI-Asisted Development

iOS Development

Stack:

Figma

Cursor

Swift

Claude

Overview:

Insectarium is a daily journaling app that makes progress feel tangible. Instead of just text entries, each logged achievement — big or small — adds a unique insect to your daily collection. The design is inspired by physical insectariums: colorful, interactive, and rewarding to watch grow. Built for people who struggle with motivation or recognizing their own progress.

My Role:

Solo work from concept to App Store launch. Designed the full experience in Figma with a focus on animations, haptics, and micro-interactions. Built the app in SwiftUI using AI-assisted development (Cursor), handling features like local storage, iCloud sync, and Instagram Story sharing. Took about a month, working fluidly between design and code to maintain polish across both.

Categories:

UX/UI Design

AI-Asisted Development

iOS Development

Stack:

Figma

Cursor

Swift

Claude

Overview:

Insectarium is a daily journaling app that makes progress feel tangible. Instead of just text entries, each logged achievement — big or small — adds a unique insect to your daily collection. The design is inspired by physical insectariums: colorful, interactive, and rewarding to watch grow. Built for people who struggle with motivation or recognizing their own progress.

My Role:

Solo work from concept to App Store launch. Designed the full experience in Figma with a focus on animations, haptics, and micro-interactions. Built the app in SwiftUI using AI-assisted development (Cursor), handling features like local storage, iCloud sync, and Instagram Story sharing. Took about a month, working fluidly between design and code to maintain polish across both.

Categories:

UX/UI Design

AI-Asisted Development

iOS Development

Stack:

Figma

Cursor

Swift

Claude

FRASI

Overview:

FRASI solves a simple problem: saving book quotes shouldn't mean cluttering your Notes app or losing track of what you've collected. The app lets users add books they're reading and save quotes in an organized, accessible way. It's designed for readers who want control over their collection and enjoy sharing quotes on social media. The core interaction is streamlined, adding a quote is quick, but the structure keeps everything organized by book and easy to revisit.

My Role:

Solo project, fully designed and developed from the ground up. The design process focused on creating a frictionless adding experience while maintaining clear organization — balancing speed with structure. Built natively in SwiftUI, prioritizing smooth interactions and a clean interface. Key features include book and quote management, editing capabilities, and Instagram Story sharing with custom formatting. The app is live on the App Store and continues to be refined based on use and feedback.

Categories:

UX/UI Design

iOS Development

Stack:

Figma

Swift

FRASI

Overview:

FRASI solves a simple problem: saving book quotes shouldn't mean cluttering your Notes app or losing track of what you've collected. The app lets users add books they're reading and save quotes in an organized, accessible way. It's designed for readers who want control over their collection and enjoy sharing quotes on social media. The core interaction is streamlined, adding a quote is quick, but the structure keeps everything organized by book and easy to revisit.

My Role:

Solo project, fully designed and developed from the ground up. The design process focused on creating a frictionless adding experience while maintaining clear organization — balancing speed with structure. Built natively in SwiftUI, prioritizing smooth interactions and a clean interface. Key features include book and quote management, editing capabilities, and Instagram Story sharing with custom formatting. The app is live on the App Store and continues to be refined based on use and feedback.

Categories:

UX/UI Design

iOS Development

Stack:

Figma

Swift

FRASI

Overview:

FRASI solves a simple problem: saving book quotes shouldn't mean cluttering your Notes app or losing track of what you've collected. The app lets users add books they're reading and save quotes in an organized, accessible way. It's designed for readers who want control over their collection and enjoy sharing quotes on social media. The core interaction is streamlined, adding a quote is quick, but the structure keeps everything organized by book and easy to revisit.

My Role:

Solo project, fully designed and developed from the ground up. The design process focused on creating a frictionless adding experience while maintaining clear organization — balancing speed with structure. Built natively in SwiftUI, prioritizing smooth interactions and a clean interface. Key features include book and quote management, editing capabilities, and Instagram Story sharing with custom formatting. The app is live on the App Store and continues to be refined based on use and feedback.

Categories:

UX/UI Design

iOS Development

Stack:

Figma

Swift

Draftea

Overview:

Draftea needed a new website that matched the energy and polish of their app. Their previous site felt outdated and lacked the modular flexibility they wanted for future updates. The goal was to create a modern, interaction-rich experience that drives app downloads while clearly explaining the product. Working within Draftea's strong and recognizable brand, the design leans heavily into their visual identity — bold colors, dynamic layouts, and playful energy. The site prioritizes clarity for new users while keeping the experience engaging through scroll animations, hover states, and micro-interactions that mirror the app's feel.

My Role:

Led web design for this project as part of studio work, collaborating between the studio team and Draftea's internal team. Handled the full design process from concept through implementation in Framer, with creative freedom to interpret and extend their brand guidelines. The focus was on building a modular, scalable site structure with heavy attention to micro-interactions — ensuring every hover, scroll, and transition felt intentional and aligned with Draftea's app experience. Designed and built all pages and components in Framer, balancing brand consistency with a fresh, modern execution.

Categories:

UX/UI Design

Web Development

Stack:

Framer

Draftea

Overview:

Draftea needed a new website that matched the energy and polish of their app. Their previous site felt outdated and lacked the modular flexibility they wanted for future updates. The goal was to create a modern, interaction-rich experience that drives app downloads while clearly explaining the product. Working within Draftea's strong and recognizable brand, the design leans heavily into their visual identity — bold colors, dynamic layouts, and playful energy. The site prioritizes clarity for new users while keeping the experience engaging through scroll animations, hover states, and micro-interactions that mirror the app's feel.

My Role:

Led web design for this project as part of studio work, collaborating between the studio team and Draftea's internal team. Handled the full design process from concept through implementation in Framer, with creative freedom to interpret and extend their brand guidelines. The focus was on building a modular, scalable site structure with heavy attention to micro-interactions — ensuring every hover, scroll, and transition felt intentional and aligned with Draftea's app experience. Designed and built all pages and components in Framer, balancing brand consistency with a fresh, modern execution.

Categories:

UX/UI Design

Web Development

Stack:

Framer

Draftea

Overview:

Draftea needed a new website that matched the energy and polish of their app. Their previous site felt outdated and lacked the modular flexibility they wanted for future updates. The goal was to create a modern, interaction-rich experience that drives app downloads while clearly explaining the product. Working within Draftea's strong and recognizable brand, the design leans heavily into their visual identity — bold colors, dynamic layouts, and playful energy. The site prioritizes clarity for new users while keeping the experience engaging through scroll animations, hover states, and micro-interactions that mirror the app's feel.

My Role:

Led web design for this project as part of studio work, collaborating between the studio team and Draftea's internal team. Handled the full design process from concept through implementation in Framer, with creative freedom to interpret and extend their brand guidelines. The focus was on building a modular, scalable site structure with heavy attention to micro-interactions — ensuring every hover, scroll, and transition felt intentional and aligned with Draftea's app experience. Designed and built all pages and components in Framer, balancing brand consistency with a fresh, modern execution.

Categories:

UX/UI Design

Web Development

Stack:

Framer

DROP

Overview:

DROP is a diamond jewelry brand that needed a new website to replace their outdated presence and establish a premium, modern identity. With no existing brand guidelines, the design direction leaned into an industrial, minimal aesthetic — clean lines, restrained elegance, and a focus on the product. The goal was to appeal to a younger audience while maintaining a premium feel, positioning DROP as both accessible and elevated. The site functions as a Framer storefront integrated with Shopify, balancing visual impact with a seamless ecommerce experience.

My Role:

Freelance project where I led the full design and build process. With complete creative freedom, I developed the visual direction and designed the site to reflect DROP's industrial-minimal positioning. Built the entire experience in Framer (roughly 5 pages) with Shopify integration, working with CMS for product management and ensuring smooth checkout flows. Handled all aspects from concept through launch, focusing on clean layouts, product presentation, and micro-interactions that reinforce the premium feel throughout the shopping experience.

Categories:

UX/UI Design

Web Development

Stack:

Framer

DROP

Overview:

DROP is a diamond jewelry brand that needed a new website to replace their outdated presence and establish a premium, modern identity. With no existing brand guidelines, the design direction leaned into an industrial, minimal aesthetic — clean lines, restrained elegance, and a focus on the product. The goal was to appeal to a younger audience while maintaining a premium feel, positioning DROP as both accessible and elevated. The site functions as a Framer storefront integrated with Shopify, balancing visual impact with a seamless ecommerce experience.

My Role:

Freelance project where I led the full design and build process. With complete creative freedom, I developed the visual direction and designed the site to reflect DROP's industrial-minimal positioning. Built the entire experience in Framer (roughly 5 pages) with Shopify integration, working with CMS for product management and ensuring smooth checkout flows. Handled all aspects from concept through launch, focusing on clean layouts, product presentation, and micro-interactions that reinforce the premium feel throughout the shopping experience.

Categories:

UX/UI Design

Web Development

Stack:

Framer

DROP

Overview:

DROP is a diamond jewelry brand that needed a new website to replace their outdated presence and establish a premium, modern identity. With no existing brand guidelines, the design direction leaned into an industrial, minimal aesthetic — clean lines, restrained elegance, and a focus on the product. The goal was to appeal to a younger audience while maintaining a premium feel, positioning DROP as both accessible and elevated. The site functions as a Framer storefront integrated with Shopify, balancing visual impact with a seamless ecommerce experience.

My Role:

Freelance project where I led the full design and build process. With complete creative freedom, I developed the visual direction and designed the site to reflect DROP's industrial-minimal positioning. Built the entire experience in Framer (roughly 5 pages) with Shopify integration, working with CMS for product management and ensuring smooth checkout flows. Handled all aspects from concept through launch, focusing on clean layouts, product presentation, and micro-interactions that reinforce the premium feel throughout the shopping experience.

Categories:

UX/UI Design

Web Development

Stack:

Framer

R8LOG

Overview:

R8LOG is an AI-powered freight logistics company that needed a website to establish credibility and communicate their technology-driven approach. With no existing brand guidelines, the project had full creative freedom to define their visual identity on the web. The design direction leaned into a sleek, minimal, and futuristic aesthetic — reflecting the AI and tech foundation of their platform. The goal was to build trust with logistics managers, fleet operators, and businesses while clearly positioning R8LOG as a modern solution in a traditionally analog industry.

My Role:

Led web design for this studio project, interpreting the brief into a cohesive visual direction without predefined brand constraints. Designed the full site experience in Framer, focusing on a clean, tech-forward aesthetic with carefully crafted interactions. The look and feel emphasizes precision and innovation through minimalist layouts, smooth animations, and intentional micro-interactions. Handled all design and Framer implementation, ensuring the site felt polished and forward-thinking across every touchpoint.

Categories:

UX/UI Design

Web Development

Stack:

Framer

Abstract green oval shapes with a black line on beige background

R8LOG

Overview:

R8LOG is an AI-powered freight logistics company that needed a website to establish credibility and communicate their technology-driven approach. With no existing brand guidelines, the project had full creative freedom to define their visual identity on the web. The design direction leaned into a sleek, minimal, and futuristic aesthetic — reflecting the AI and tech foundation of their platform. The goal was to build trust with logistics managers, fleet operators, and businesses while clearly positioning R8LOG as a modern solution in a traditionally analog industry.

My Role:

Led web design for this studio project, interpreting the brief into a cohesive visual direction without predefined brand constraints. Designed the full site experience in Framer, focusing on a clean, tech-forward aesthetic with carefully crafted interactions. The look and feel emphasizes precision and innovation through minimalist layouts, smooth animations, and intentional micro-interactions. Handled all design and Framer implementation, ensuring the site felt polished and forward-thinking across every touchpoint.

Categories:

UX/UI Design

Web Development

Stack:

Framer

Abstract green oval shapes with a black line on beige background

R8LOG

Overview:

R8LOG is an AI-powered freight logistics company that needed a website to establish credibility and communicate their technology-driven approach. With no existing brand guidelines, the project had full creative freedom to define their visual identity on the web. The design direction leaned into a sleek, minimal, and futuristic aesthetic — reflecting the AI and tech foundation of their platform. The goal was to build trust with logistics managers, fleet operators, and businesses while clearly positioning R8LOG as a modern solution in a traditionally analog industry.

My Role:

Led web design for this studio project, interpreting the brief into a cohesive visual direction without predefined brand constraints. Designed the full site experience in Framer, focusing on a clean, tech-forward aesthetic with carefully crafted interactions. The look and feel emphasizes precision and innovation through minimalist layouts, smooth animations, and intentional micro-interactions. Handled all design and Framer implementation, ensuring the site felt polished and forward-thinking across every touchpoint.

Categories:

UX/UI Design

Web Development

Stack:

Framer

Abstract green oval shapes with a black line on beige background
Diego's iPod
All Songs

Let's connect

Mexico City

Tuesday, May 26, 2026

hello@diegoballesteros.com.mx

Click to copy

Let's connect

Mexico City

hello@diegoballesteros.com.mx

Tap to copy