Case study

A PrestaShop online shop for the sports sector

PrestaShop runs the sales, content is easier to create in WordPress, and 90% of the shop's users are on a phone. We designed and built a PrestaShop online shop integrated with WordPress: from a UX audit and workshops, through prototypes and a design system, to delivery and payment integrations.

We designed and launched a sports store on PrestaShop, with content and SEO handled in WordPress. Products, promotions and categories from the shop appear directly in landing pages and articles, and the whole project was built with phones in mind.

Scope of work

Industry: E-commerce and retail
Product type: Online store (e-commerce)
Market: Sport / online retail

Technologies

e-commerce
PrestaShop
Web

Key facts

UX and technical audit at the start of the project
Product workshops with Event Storming
Interactive hi-fi prototypes before launch
PrestaShop and WordPress integration via API and shortcodes
Delivery: Paczkomaty, DPD, DHL, Orlen Paczka; payments: BLIK, PayU
Dedicated set of icons and illustrations

A PrestaShop store, WordPress content and one coherent site, designed for the phone first.

Moodboard for the sports sector online shop

Goals

01
Convenient shopping
A store where an active customer finds a product quickly and places an order without friction.
02
A distinctive brand
A custom design that stands out in the market and attracts sports enthusiasts.
03
Content and SEO
Easy content management and search optimisation, connected to the store catalogue.

Process

Discover Define Develop Deliver

UX and brand audit
UX and brand audit
UX and technical audit: good and bad practices, performance, databases and areas to improve.
Product workshops
Product workshops
Workshops with Event Storming that organised customer needs and store processes.
Wireframes and moodboard
Wireframes and moodboard
Page-structure sketches and a moodboard that set the store's visual identity.
Hi-fi prototype
Hi-fi prototype
Interactive store prototypes to review features and look before development.
Design system and UI
Design system and UI
Colours, typography, graphic style, icons and components for the store and the content side.
Launch
Launch
Front end on PrestaShop, WordPress for content, and integration of both systems.

Wireframes of the PrestaShop online shop

What we delivered

A store with its own visual language and a content layer that sells alongside it.

UX and technical audit - a list of good and bad practices, plus findings from performance and database analysis.
Hi-fi prototypes - an interactive version of the store where we checked navigation and features before launch.
Design system - colours, typography and graphic style prepared for growth and for work with PrestaShop and WordPress modules.
Product page - interactive photo galleries, animated buttons, plus recommendations and product suggestions.
Order form - refined for phones, with delivery via Paczkomaty, DPD, DHL and Orlen Paczka, and payments via BLIK and PayU.
PrestaShop and WordPress integration - product listings, promotions and categories embedded in landing pages and articles via API and shortcodes.
Icons and illustrations - a dedicated set consistent with the store design and readable on small screens.

Challenge: shop and content in two systems

The store had to combine shopping convenience with a design that stood out in sports retail.

Content management and SEO also mattered. PrestaShop handles sales, but marketing content is easier to produce in WordPress. We needed to connect both systems so the catalogue showed up in the content, and the whole thing looked like one site.

90% of store users browse on mobile devices, so the phone set the project priorities.

Shop design system: colours, buttons and typography

Home page of the online sports equipment shop

Solution: PrestaShop connected to WordPress

We started with an audit and workshops, and checked design decisions on wireframes and hi-fi prototypes before any code was written.

The design system describes colours, typography and graphic style in one place. The store can grow and use more PrestaShop and WordPress modules while the look stays consistent. The product page has an interactive gallery and recommendations, and the order form supports delivery and payment methods popular in Poland.

The store inside marketing content

Through an API and WordPress shortcodes, product listings, promotions and categories from PrestaShop land directly in landing pages and blog articles. Content and catalogue sit in the same place.

Mobile First

Navigation, product presentation, menus, buttons and forms were designed for touchscreens. Content and images scale to the display size.

Product page in the sports shop, mobile view

Order form with delivery and payment options

WordPress article with products from the PrestaShop shop

Mobile window confirming a product added to the basket

Results: shop and content work as one site

The client received a store and a content layer that work as one site.

The design system and WordPress integration make it possible to add new content and promotions without rebuilding the store. Dedicated icons and illustrations are part of the visual identity and help convey information quickly on a phone.