Case Study

Fast PWA Revamps The Man Company’s Mobile UX

Industry

E-commerce

Core Technologies

Progressive Web App (PWA)React.js

Challenges

The Man Company faced significant mobile performance issues, which impacted user engagement and conversions. Their website suffered from slow page loading times, leading to high bounce rates and lower time on site. While native apps were an option, high development and maintenance costs made them impractical. The client needed an efficient, cost-effective alternative that could improve site speed, performance, and mobile user experience.

Solutions

The best approach was to build a Progressive Web App (PWA) using React Javascript. A PWA is a web app that functions like a native app. The only difference is that it renders in a browser (as a web view). PWA can be built using Javascript frameworks such as Angular, except Vue. So, our team at Lucent decided the best approach was to use Reach Javascript.

Overall results:

  • Optimized content discoverability and improved SEO results
  • Optimized website loading time. 
    • By preventing the page header and code loading every time a user visits a new page, and only loading what’s necessary (such as a different product) we substantially increased the page load time and overall site speed.
  • The above improvements led to a better user experience, translating into increased conversion rates (more sales = more revenue).
  • Users increased the pages visited, learning more about the company and the different products they have.
  • Users increased the overall time spent on their site...across all browsers and screen types.
  • Last but certainly not least, our client saved money using a better, less expensive solution because building a PWA is much cheaper than building a native app.

Technologies and Tools

Front-End Development

React.js, Progressive Web App (PWA) Framework, CSS3, Web App Manifest

Shopify Integration

Shopify Storefront API, Shopify Admin API, Liquid (Shopify’s templating language)

Performance Optimization

Service Workers, Lazy Loading, React Lazy & Suspense

SEO & Analytics

Google Lighthouse, Google Analytics

Hosting & Deployment

Shopify Hosting, GitHub

Results

arrow-icon

Increased Site Speed: Faster page loads enhanced the overall shopping experience.

arrow-icon

Higher Engagement: Customers spent more time on the site and explored multiple products.

arrow-icon

Boost in Conversions: Improved user experience resulted in higher sales and revenue.

arrow-icon

Lower Development Costs: The PWA solution was significantly cheaper than a native app while offering similar benefits.

Words of Appreciation

"We’re extremely satisfied with the work Lucent Innovation delivered. Their choice of PWA for our website drastically improved performance, loading times, and user experience, leading to higher conversions. Not only did we save money on app development, but we also saw a noticeable increase in engagement. Their professional approach and technical skills were invaluable."

Ryan Adams

Digital Strategy Manager

One-stop solution for next-gen tech.