E-commerce website design
Shop pages designed in Figma around how people browse, compare and check out, ready for any developer.
GradaxEuropean companyOrder outright
Founded 2014·Built and operated in Europe·1 to 5 weeks
About this service
We design the pages that decide whether a shop sells: the homepage, category listing, product page, cart and checkout steps. Each is designed for phone first, since that is where most shop traffic arrives, and built around the questions a buyer has at that point. You get Figma files and a component set any developer can build from.
The product page carries the sale
Shop redesigns often start with the homepage because it is the most visible page internally. For buyers, the product page is where the decision happens, and most visitors arrive there directly from search or ads, never seeing the homepage at all. That is why our smallest package is the product page alone.
A good product page answers a buyer's questions in the order they arise. What is it and what does it cost. Will it fit or suit me. When will it arrive and what does delivery cost. What if I need to return it. Most product pages answer the first question well and bury the rest in tabs or the footer. On a phone, a buyer who cannot find delivery costs within a couple of scrolls often leaves to check somewhere else.
Designing for the phone first
For most shops, the majority of visits come from phones, and conversion on phones is usually lower than on desktop. Part of the gap is real behaviour: people browse on phones and buy later on a computer. Part of it is design: filters that open into a cramped overlay, buttons too small to tap, image galleries that will not swipe.
We design mobile layouts first and then expand to desktop, rather than squeezing a desktop design down. Every component is designed in all its states: selected, out of stock, error, loading. Those states are where builds most often improvise, and improvised states are where shops feel unfinished.
What you get
Everything below is in the price. Nothing here is an upgrade.
- Page designs in Figma for desktop and mobile
- Component library with states: hover, selected, out of stock, error
- Clickable prototype of the buying path
- Developer handover notes
What changes
- Product pages that answer price, delivery, returns and fit before the buyer has to scroll far
- Category pages with filters that match how your customers actually choose
- Mobile layouts designed first, not squeezed from desktop
- A component set so new pages stay consistent
How it runs
Research
Analytics, customer questions and competitor shops reviewed for friction.
Wireframe
Page structure agreed before visual design starts.
Design
Mobile first, then desktop, with every state of every component.
Hand over
Figma file, prototype and notes for whoever builds it.
Compare the sizes
The standard price for each size. Extras are priced beside it, not hidden behind a call.
| Included | Product page redesign€4201 week | Core shop pages€7502 to 3 weeks | Full shop design€1,5804 to 5 weeks |
|---|---|---|---|
| Product page, mobile and desktop | Included | Included | Included |
| Component states | Included | Included | Included |
| One round of revisions | Included | Included | Included |
| Handover notes | Included | Included | Included |
| Homepage, category page and cart | Not included | Included | Included |
| Filter and sort design | Not included | Included | Included |
| Clickable prototype | Not included | Included | Included |
| Two rounds of revisions | Not included | Included | Included |
| Checkout steps, account area, search results, landing template | Not included | Not included | Included |
| Full component library | Not included | Not included | Included |
| Design review during build | Not included | Not included | Included |
| Order | Select | Select | Select |
Add what you need
Choose the size
Add what you need
Your total€750
ContinueThe standard price, plus whatever you add. Confirmed in writing before anything starts; nothing is charged until you accept it.
Questions
Do you build the design too?
Not in this offer. The design is ready for any developer, including ours through a store build or development offer.
Can you design for our Shopify theme?
Yes. We design within the limits of your theme where you want to keep it, or freely where you plan a custom build. We agree which at the start.
Will a new design increase sales?
It should remove friction, but we will not promise a figure. We recommend testing the new product page against the old one where you have enough traffic.
Related searches
Related work
ScopedStore conversion reviewWhere the money leaks between the product page and the confirmation.from €890on scope
One-timeE-commerce website developmentCustom shop features and integrations built on your platform: product configurators, ERP sync, custom checkout logic.from €350one-time
ScopedUI design sprintScreens designed and prototyped in two weeks, ready to build.from €1,800on scope
Order it
Standardised enough to order on its own. The price is confirmed in writing before anything starts.