Collectos

Founder | Product Maker

CollectosApp.com

Responsabilities

Product vision definition
UX strategy leadership
End-to-end design
Hands-on execution
Iterative refinement

A platform for preserving meaningful objects, stories, and collections

Collectos is a self-initiated product project where I conceived, designed, and built a complete experience from the ground up. I defined the product vision, UX strategy, and core interaction model, while designing and implementing the end-to-end flows for creating, organizing, and exploring meaningful items and collections. Working hands-on across research, design, prototyping, and iteration, I used the project to explore how thoughtful design and modern tools can preserve stories, context, and personal value beyond simple storage or sharing.

Collectos Mobile Experience

The mobile experience is designed to be fully responsive and touch-first, supporting browsing, creating, and managing items and collections on the go. It prioritizes clarity and speed through streamlined navigation and media-first layouts, making it easy to capture, organize, and revisit content from anywhere. The experience adapts seamlessly across devices while preserving depth, usability, and visual quality.

Mobile, End to End

This video showcases the end-to-end mobile experience in Collectos, from capturing a new item to organizing it into collections and revisiting its story. Designed mobile-first, the experience is fast, focused, and intuitive, making it easy to capture meaning in the moment without losing depth.

Collectos Admin Dashboard

The Collectos Admin Dashboard serves as the operational backbone of the platform, supporting moderation, user management, and system configuration. It also enables content management and automation to streamline workflows, maintain quality, and ensure the platform can scale efficiently over time.

The Tech Stack (Summary)

Collectos is built on a modern, production-ready web stack designed for performance, scalability, and rapid iteration. The platform is powered by Next.js (App Router) and React, styled with Tailwind CSS and componentized using shadcn/ui and Radix for accessible, composable UI patterns. Supabase provides the backend foundation, including Postgres, authentication, row-level security, and edge-friendly APIs, while Cloudinary handles media ingestion, transformation, moderation, and global CDN delivery for images and video. AI capabilities are woven throughout the product using large language models for summarization, metadata extraction, and story generation. The app is deployed on Vercel, leveraging edge rendering, server actions, and incremental delivery to keep the experience fast and resilient across devices, with a strong emphasis on clean architecture, observability, and cost-aware scaling.

Collectos End-to-End Experience : Desktop

The following desktop screens highlight the end-to-end experience of browsing, creating, and managing items and collections, designed to work seamlessly across devices through a fully responsive layout. The experience emphasizes a flexible media browser that supports rich visual storytelling, backed by a modern media CDN with edge delivery to ensure fast, reliable performance regardless of location or device. Together, these screens demonstrate how thoughtful interaction design and a scalable media architecture come together to support both everyday use and long-term growth.