UI/UX Design

Berríos

Transformed the digital presence of Puerto Rico’s premier furniture and appliance retailer by bridging the gap between legacy brand equity and modern e-commerce expectations. This project centered on a high-impact UX overhaul, utilizing rigorous wireframing to streamline complex user journeys and ensure a frictionless path from discovery to checkout, all while revitalizing the brand’s visual language.

Project Highlights

  • Strategic Wireframing: Developed a comprehensive architectural blueprint to optimize conversion funnels and simplify navigation for a massive product catalog.
  • Visual Evolution: Balanced a refreshed UI aesthetic with established brand guidelines to maintain consumer trust during the digital transition.
  • Journey Optimization: Focused on high-intent user paths, specifically improving the product discovery and financing promotion experience.
Berríos UI - Home Page - Hero Banner
Home Page – Hero Banner
Berríos UI - Home Page - Categories & Featured Products
Home Page – Categories & Featured Products
Berríos UI - Home Page - Financing Promo & Secondary Banner
Home Page – Financing Promo & Secondary Banner
Berríos UI - Home Page - Brand Carousel & Additional Promo Cards
Home Page – Brand Carousel & Additional Promo Cards
Berríos UI - Product Detail Page (Appliances)
Product Detail Page (Appliances)
Berríos UI - Product Detail Page (Furniture)
Product Detail Page (Furniture)
Show More Images +

Mattress Warehouse

Led the UI/UX strategy for a headless e-commerce migration, focusing on creating a lightning-fast, mobile-optimized experience for a leading specialty retailer. By integrating sophisticated user interface design with a robust Shopify Hydrogen frontend, the project successfully modernized the customer’s shopping journey, from finding a local store to completing complex product comparisons.

Project Highlights

  • Headless UX Architecture: Designed for a Contentful and Shopify Hydrogen stack, ensuring the interface remained performant and flexible across devices.
  • Conversion-Driven Features: Developed custom UI components for store locators, appointment scheduling, and side-by-side product comparisons.
  • Seamless Checkout Flow: Optimized the cart drawer and account dashboard to reduce friction and encourage repeat customer engagement.
Mattress Warehouse UI - Home Page - Hero Banner
Home Page – Hero Banner
Mattress Warehouse UI - Home Page - Secondary Sections
Home Page – Secondary Promo, Info Bar, and USPs
Mattress Warehouse UI - Category PLP
Product List Page – Category
Mattress Warehouse UI - Brand PLP
Product List Page – Brand
Mattress Warehouse UI - Select a Store
Select a Store
Mattress Warehouse UI - Product Detail Page
Product Detail Page
Mattress Warehouse UI - Product Detail Page - Compare Products
Product Detail Page – Compare Similar Products
Mattress Warehouse UI - Product Detail Page - Ratings and Reviews
Product Detail Page – Ratings & Reviews
Mattress Warehouse UI - Cart Drawer
Cart – Drawer
Mattress Warehouse UI - Cart Page
Cart – Page
Mattress Warehouse UI - Track Order - Form
Track My Order – Form
Mattress Warehouse UI - Track Order - Status
Track My Order – Status
Mattress Warehouse UI - Account - Create
Account – Create an Account
Mattress Warehouse UI - Account - Dashboard
Account – My Account Dashboard
Mattress Warehouse UI - Appointment Request Form
In-Person Appointment Request – Form
Mattress Warehouse UI - Appointment Request Confirmation
In-Person Appointment Request – Confirmation
Mattress Warehouse UI - Store Details
Store Details
Show More Images +

iS Clinical Mobile-First Redesign

Modernized the digital storefront for a global skincare leader through a data-driven audit and a mobile-first design philosophy. This proposal focused on reducing cognitive load by replacing text-heavy layouts with immersive imagery and introducing an AI-enhanced search tool to guide users toward personalized skincare regimens with precision.

Project Highlights

  • AI-Enhanced Discovery: Integrated intelligent search functionality to provide a concierge-like experience for users seeking specific skincare solutions.
  • Mobile-First Optimization: Prioritized thumb-friendly navigation and high-impact visual storytelling to cater to the brand’s primary mobile audience.
  • Refined Brand Expression: Elevated the aesthetic through sophisticated typography and a cleaner color palette that aligns with the brand’s premium positioning.
iS Clinical - Mobile First Redesign - Home Page Detail
Home Page – Header Nav, Hero Banner, & AI-enhanced Search
iS Clinical - Mobile First Redesign - Home Page Detail
Home Page – Regimen Education – “4 Steps to Great Skin” Intro
iS Clinical - Mobile First Redesign - Home Page Detail
Home Page – AI-enhanced Search & Bestselling Products
iS Clinical - Mobile First Redesign - Home Page Detail
Home Page – Regimen Education – “4 Steps to Great Skin” Detail
iS Clinical - Mobile First Redesign - Home Page Detail
Home Page – Customer Testimonials
Show More Images +

Doyle

Digitally evolved a prestigious New York City auction house by translating the exclusivity of in-person events into a high-end virtual experience. This project involved reimagining traditional printed catalogs as interactive, user-centric digital platforms, allowing global bidders to engage with luxury lots through a sophisticated Drupal-based interface.

Project Highlights

  • Digital Transformation: Successfully transitioned traditional print auction workflows into dynamic, real-time online listings and virtual catalogs.
  • High-End UX: Created a refined interface that mirrors the luxury atmosphere of live auctions while maintaining accessibility for international users.
  • Complex Data Display: Engineered clear, intuitive layouts for high-detail lot descriptions and upcoming auction schedules.
Doyle UI - Home Page
Home Page
Doyle UI - Upcoming Auctions
Upcoming Auctions
Doyle UI - Lot Listings
Lot Listings
Doyle UI - Lot Details
Lot Details
Show More Images +

HonestRx

Defined the visual and functional identity for a new entrant in the digital pharmacy space. By blending approachable branding with a highly organized UI, the design empowers users to navigate sensitive health information with clarity and confidence, ensuring that finding and purchasing medication is a simple, transparent process.

Project Highlights

  • End-to-End Branding: Developed the logo, iconography, and visual language to establish a sense of reliability and modern healthcare expertise.
  • Health-Centric UI: Designed specialized “Shop by Condition” flows to help users find relevant medications quickly and intuitively.
  • Information Hierarchy: Focused on “Quick View” and detailed medication pages to provide essential safety and dosage information at a glance.
HonestRx UI - Home Page
Home Page
HonestRx UI - Shop by Health Condition
Shop by Health Condition
HonestRx UI - Condition Medication Listings
Medication Listings by Condition
HonestRx UI - Medication Quick View
Medication Quick View
HonestRx UI - Medication Details
Medication Details
Show More Images +

iS Clinical

User experience planning and user interface design for an international cosmeceutical company’s Magento-based consumer eCommerce website.

iS Clinical UI - Home Page (Light Image)
Home Page (Light Hero Image)
iS Clinical UI - Home Page (Dark Image)
Home Page (Dark Hero Image)
iS Clinical UI - Kits
Featured Category (Kits)
iS Clinical UI - Social Feed
Social Feed
iS Clinical UI - FAQs
Skincare FAQs
iS Clinical UI - Recommended Products
Recommended Products: “Complete Your Regimen”
iS Clinical UI - Product Detail Page
Product Detail Page
Show More Images +

Nature Creative

User experience planning and user interface design for an online image marketplace that allows users to create unique apparel and home decor.

Nature Creative - Home Page
Home Page
Nature Creative - Featured Apparel Collection
Featured Apparel Collection
Nature Creative - Featured Decor Collection
Featured Decor Collection
Show More Images +

DriveSolutions

UI refresh for specialty e-commerce website with unique search functionality.

DriveSolutions - Home Page
Home Page – Search Hero & USPs
DriveSolutions - Upgrade Center - Search Results - Model Details
Upgrade Center – Search Results (Model Details)
DriveSolutions - Upgrade Center - Search Results - Upgrade Options
Upgrade Center – Search Results (Upgrade Options)
Show More Images +

California State University, Northridge

Brand consulting, user experience and interface design, and Drupal development for CSUN’s Career Center portal, CareerLink, including custom theme and module programming.

CSUN UI - Home Page
Home Page
CSUN UI - Browse Career Profiles
Browse Career Profiles
CSUN UI - Academic Programs Landing Page
Academic Programs Section Landing Page
CSUN UI - Academic Program Details
Academic Program Details
Show More Images +

Thrasio

Mobile-first landing page design for various single-product brands.

Mobile Landing Page - Gel Pillow
Product Landing Page – Gel Pillow (Mobile)
Mobile Landing Page - Guardline
Product Landing Page – Guardline (Mobile)
Mobile Landing Page - ThisWorx
Product Landing Page – ThisWorx (Mobile)
Desktop Landing Page - Gel Pillow
Product Landing Page – Gel Pillow (Desktop)
Desktop Landing Page - Guardline
Product Landing Page – Guardline (Desktop)
Desktop Landing Page - ThisWorx
Product Landing Page – ThisWorx (Desktop)
Show More Images +

Sonneman

User interface refresh for a designer lighting eCommerce site.

Sonneman UI - Collection Landing Page
Collection Landing Page
Sonneman UI - Product Category Page
Product Category Page
Sonneman UI - Product Detail Page
Product Detail Page
Show More Images +

Q5id Guardian

Marketing site design for a community-powered biometrics and personal security mobile app for parents.

Q5id UI - Home Page
Home Page
Q5id UI - Blog
Blog
Show More Images +