Home

Our Work

Product Images Upgrade

Success Story

Compact Product Images for Mobile Shopping

Delivering faster browsing and higher engagement by displaying more images upfront.

3+ images

instead of showing 1.5 images with whitespace to over 3 images.

Improved conversion

thanks to reduced whitespace and faster product discovery.

Technologies

iOS native

AMP image service

Autocrop (trim, pad_color)

Cropped AR metadata

Lazy loading

A/B testing platform

Expertise

Mobile app development

UI/UX design

Performance optimization

Frontend engineering

A/B testing

With a focus on delivering premium apparel, footwear, beauty, and accessories, the company has become a trusted brand for millions of style-conscious shoppers. Its digital platforms drive a significant portion of revenue, with mobile commerce playing a central role in customer engagement and conversion.

This retailer invests heavily in digital innovation, leveraging experimentation and personalization to maintain leadership in a highly competitive retail landscape.

Industries:

Fashion and apparel retail

Country:

USA

Have a Similar Problem?

Discover how performance-driven mobile experiences can lift conversions.

Contact Sales

Limited image view

Only 1.5 product images appeared in mobile viewports, forcing users to swipe repeatedly just to see different product angles. This increased friction and often caused customers to disengage before reaching critical product visuals.

Whitespace waste

Poor cropping and lack of aspect ratio metadata left excess whitespace around images, creating a suboptimal browsing experience. Customers saw blank padding instead of useful visual content, reducing page efficiency.

Slower decisions

Because images loaded inconsistently and resized mid-page, customers couldn’t compare product details seamlessly. This visual instability delayed decision-making and introduced unnecessary hesitation during checkout.

Mobile UX gap

Portrait-oriented product images weren’t optimized for smaller screen dimensions, resulting in layouts that felt clunky compared to competitors. Mobile-first shoppers felt underserved, particularly in categories like apparel and footwear.

Have a Similar Problem?

Discover how performance-driven mobile experiences can lift conversions.

Contact Sales

Performance-first approach

We demonstrated the ability to experiment with lightweight client-side solutions, downloading only partial payloads to calculate image sizes without delaying page loads.

Proven experimentation

Our structured A/B and multivariate testing approach allowed the client to measure outcomes with precision before rolling out changes. This rigorous validation framework built trust in our ability to make impactful changes without business risk.

Zoolatech is a senior-heavy engineering firm with Silicon Valley roots and a Miami HQ, specializing in legacy modernization, system re-architecture, and AI deployment to drive long-term, compounding value.

2017

Year Founded

600+

Employees

96%

Client Satisfaction

Phase 1

POC experiment

We built a lightweight client-side solution that tested cropped aspect ratios by downloading only metadata fragments rather than full image payloads.

Phase 2

Performance safeguards

Introduced lazy loading and pre-calculated cell dimensions to prevent jumpy layout shifts, safeguarding the Product Detail Page (PDP) experience.

Phase 3

A/B testing

Conducted controlled experiments with variations in padding and video placement, measuring conversion, demand, and retention lifts at statistically significant levels.

Phase 4

Service-side migration

After confirming success, the solution was moved into AMP services. This ensured scalability, stability, and consistent behavior across devices.

Phase 5

Optimization roadmap

Implemented cropped AR metadata and autocrop parameters to enable future mobile experience experiments without major code changes.

Transforming cluttered, image-light layouts into dense, visually rich galleries sped up browsing and boosted trust, turning quick scans into stronger buying intent.

Horizontal autocrop

Applied image trimming to automatically remove unnecessary whitespace and maximize the number of visible images per screen.

Dynamic aspect ratio

Leveraged cropped AR metadata to pre-calculate dimensions, eliminating layout shifts and ensuring seamless image presentation.

Service-side control

Migrated processing from client to AMP service layer, reducing device workload and delivering consistent results across iOS and iPad platforms.

A/B tests validated measurable gains in conversion, demand, and loyalty.

+1.43% conversion

Customers were more likely to complete purchases after seeing more product images upfront.

+2.10% demand

Shoppers purchased more per session, indicating stronger engagement and product interest.

+0.92% retention

Customers returned more frequently to shop again, reflecting improved trust and satisfaction with the mobile experience.

Faster discovery

By displaying over 3 images instead of just 1.5, shoppers could quickly scan multiple angles, reducing hesitation and boosting purchase confidence. The streamlined flow significantly shortened the path from interest to action.

Sustained lift

The measurable results—conversion, demand, and retention increases—proved that optimizing visual density directly influences both short-term revenue and long-term customer loyalty in highly competitive retail categories.