Data-driven UX/UI work across multiple live e-commerce storefronts

E-commerce UI/UX Designer experience

This case study showcases my experience working as an E-commerce UI/UX Designer at Endrock Growth & Analytics, a data-driven agency focused on optimizing digital products through experimentation, analytics, and conversion-oriented design. During my time at Endrock, I worked on multiple live e-commerce storefronts across different industries, collaborating closely with analytics, marketing, product managers, and developers. My role focused on translating data insights and testing conclusions into clear, consistent, and conversion-focused UI/UX improvements for real production environments. This work involved designing and iterating on active storefronts rather than conceptual projects, prioritizing clarity, usability, and business goals across desktop and mobile experiences.

Client

Many Clients

Services

Visual Design UI & UX Design

Industries

E-commerce

Date

2021

3d printer mockup
3d printer mockup
3d printer mockup

Context & Opportunity Endrock operates in a fast-paced agency environment where multiple clients run continuous experiments to improve conversion, engagement, and usability. Each designer was assigned a set of clients and worked exclusively on their storefronts, implementing UI/UX updates based on weekly insights and performance feedback. The main opportunity across projects was to: • Improve clarity in purchase flows • Increase visual consistency across storefront sections • Translate testing insights into effective design execution • Ensure responsive, scalable UI across different devices and brands Because these were live e-commerce products, design decisions needed to balance speed, accuracy, and consistency while aligning with each client’s branding and business goals. My Role E-commerce UI/UX Designer I was responsible for the UI/UX execution across multiple e-commerce storefronts, working closely with analytics and development teams. My responsibilities included: • Designing wireframes, mockups, and high-fidelity UI for storefront sections • Updating homepage layouts, product listings, collections, and product detail pages • Translating A/B testing insights and analytics feedback into UI/UX improvements • Ensuring visual consistency across desktop and mobile experiences • Collaborating with developers to implement designs directly into live platforms • Maintaining shared design libraries to improve speed and consistency across projects While I did not run experiments directly, I worked closely with teams responsible for testing and analytics, using their conclusions to guide design decisions and iterations. Process Data-Informed Design Execution The design process was strongly driven by data and collaboration. Each week, insights from analytics, user feedback sessions, and testing results were shared across teams. Based on these insights, I designed UI/UX updates focused on improving clarity, reducing friction, and strengthening visual hierarchy in key purchase flows. Design & Iteration Depending on the client and project, I worked through: • Wireframes to define layout structure • Visual mockups to explore hierarchy and branding • High-fidelity UI designs ready for implementation Designs were reviewed internally and approved by project managers before being handed off to development. Collaboration & Implementation We held regular syncs with developers and other designers to ensure alignment. Once designs were approved, changes were implemented directly into production environments. This tight feedback loop allowed for fast iteration and continuous improvement across storefronts. Due to the nature of agency work and live production timelines, this case study focuses on representative storefront examples and final design outcomes rather than archived wireframes or early-stage explorations. Design Execution Across Clients During this period, I worked on multiple e-commerce brands, including: • Eat Proper Good – Direct-to-consumer food brand • Neewa Dogs – Pet products e-commerce store • HB Elements Inc. – Architectural products and catalog-driven platform • Drink Loverboy – Beverage and merchandise storefront • Leeway Home – Homeware and lifestyle e-commerce brand Across these projects, I consistently worked on: • Homepage and hero section layouts • Product collections and category navigation • Product detail pages (PDPs) • Promotional and campaign sections • Responsive layouts for desktop and mobile Each brand required adapting the UI to different audiences and products while maintaining usability, clarity, and strong visual structure. The following links reference live e-commerce storefronts I actively worked on as part of the agency team during my time at Endrock Growth & Analytics. • Eat Proper Good — https://eatpropergood.com • Neewa Dogs — https://www.neewadogs.com • HB Elements Inc. — https://www.hbelementsinc.com • Drink Loverboy — https://drinkloverboy.com • Leeway Home — https://leewayhome.co

Project ptototype
Project ptototype
Project ptototype
Design system
Design system
Design system

Impact & Results Although metrics were owned by the analytics team, the design work contributed to measurable and qualitative improvements, including: • Positive client and stakeholder feedback after UI/UX updates • Improved clarity across key purchase flows • Stronger visual consistency across storefront sections • Faster design execution through shared libraries and reusable components • Smoother collaboration between design, analytics, and development teams The work demonstrated how data-informed design execution can directly support business and conversion goals in real production environments. Tools & Collaboration • Design: Sketch, Figma • Handoff & Prototyping: Zeplin, InVision, Marvel • Visual Assets: Adobe Photoshop, Illustrator • Collaboration: Weekly syncs with developers, designers, and project managers • Data Inputs: Analytics dashboards, testing insights, user feedback sessions The ability to adapt to different tools depending on client setups was key to maintaining efficiency and consistency across projects. Key Learnings This experience strengthened my ability to: • Design for real business outcomes, not just visual polish • Translate data insights into effective UI/UX decisions • Work efficiently in fast-paced, multi-client environments • Collaborate across disciplines to ship designs into production • Balance speed, consistency, and quality in live e-commerce products Working at Endrock helped shape my approach as a UX/UI designer who values clarity, collaboration, and execution grounded in real user and business needs. The following links reference live e-commerce storefronts I actively worked on as part of the agency team during my time at Endrock Growth & Analytics. • Eat Proper Good — https://eatpropergood.com • Neewa Dogs — https://www.neewadogs.com • HB Elements Inc. — https://www.hbelementsinc.com • Drink Loverboy — https://drinkloverboy.com • Leeway Home — https://leewayhome.co

2024 - Crafted with love by Jesus Abuabara

2024 - Crafted with love by Jesus Abuabara

2024 - Crafted with love by Jesus Abuabara

Create a free website with Framer, the website builder loved by startups, designers and agencies.