Vogar is a Mexican manufacturer of voltage regulators and electrical protection solutions. I was brought in to audit their existing website experience, identify usability and accessibility issues, and propose UX/UI improvements for conversion, flow, and clarity. The analysis focused on aligning the site with digital best practices and industry standards.
Project duration:
1 week
My role:
UX Researcher
Tools used:
Google Analytics, Google Page Speed Insights, WCAG Guidelines, WAVE, Google Tag Manager
While the brand and offering were clear, the site’s architecture felt fragmented. Content was dense, navigation lacked hierarchy, and several product categories were confusing to explore. Users often struggled with disorientation, decision friction, and unclear pathways to products, distributors, or service actions.
I conducted a thorough UX review of Nutrioli’s website, focusing on three key areas: Behavior, Content, and Usability. I analyzed Google Analytics metrics, Core Web Vitals, and user behavior across both desktop and mobile platforms to uncover pain points and areas for improvement. In addition, I assessed the website’s content structure and accessibility to ensure it aligns with WCAG guidelines.
Weak Navigation & Wayfinding: the site offered little storytelling or conversion guidance. Menus didn’t support clear paths for exploration or product discovery.
Visual Inconsistency & Interaction Friction: buttons lacked consistent behavior. Hover states, animations, and iconography felt unstructured and didn’t reflect a unified brand experience.
Disruptive Product Page: The product page used a 3-column layout common in e-commerce, but Vogar doesn’t sell directly—redirecting instead to third-party sellers like Mercado Libre. The section was cluttered with warranty badges and icons, but lacked supporting content or UX writing to explain them. Product configuration buttons were also unclear and lacked proper labeling or specs.
Conversion Path Gaps: key CTAs like "Solicitar Cotización" or “Dónde Comprar” were hidden, unclear, or linked to external PDFs, breaking flow.
Accessibility Gaps: contrast issues, all-caps text, and small clickable areas reduced accessibility, especially on mobile.
Smart Navigation System: menus and submenus structured by audience, intent and product categories.
Product Page Redesign: buy box components should make it clear that the website is not an ecommerce and that it redirects to other channels for shopping. Also, implement ux writing and structure tabs for a better information layout for product specs, details, technical sheet downloads, comparison table and warranties information.
Distributor Finder Tool: interactive map or filter-based directory to locate nearby sellers.
Quote Request Module: inline form tied to products and categories with optional file upload.
Application Tags: use-case labels to connect products with industries.
Design System Elements: defined icons, buttons, and typography with clear hover, focus, and mobile states.
SEO-Optimized Info Hubs: merged content pages like FAQs, certifications, support, and brand story into organized, searchable sections.
That's just a glimpse of my capabilities. Schedule a free session to chat about your project and get all your questions answered. I'm here to help you navigate your design journey and bring your ideas to life.