What does eCommerce design include?

Designing the structure, catalogue, product page and buying flow, within the project scope.

Is store development included?

No. This service delivers the design and materials for implementation. Development is handled separately.

Can you redesign an existing store?

Yes. We evaluate the screens, catalogue and flows that need improvement.

Can you design for the platform we use?

Yes, after assessing its limits and options.

Are mobile screens included?

Screens and sizes are set in the proposal, with attention to the whole buying flow.

Do you design the checkout?

Yes, within the defined features and constraints of the platform.

Are real payments included?

No. In the prototype, payment is only simulated.

Do we need photos and copy?

Real materials help the design. We agree what needs to be prepared before final approval.

Can another team implement it?

Yes. Files and guidance are organised for the development team.

Do you guarantee more sales?

No. Design can address unclear points and difficulties in use, but sales also depend on the offer, traffic and implementation.

How much does it cost?

It depends on the catalogue, unique screens, flows and level of prototyping.

How long does it take?

The timeline depends on scope, materials and approval cycles.

Do you check the result after implementation?

A review against the design and a list of differences can be included.

ECOMMERCE WEB DESIGN

Products presented well.A clear path to purchase.

At ENOR, we design online stores that combine your brand identity with a buying experience people understand. From browsing the catalogue to the order summary, every screen helps customers choose and move on.

Discuss your store design Explore the buying experience

Atelier Linea · ShopIllustrative concept

Living room / Sofas / Sera sofa

Sera sofa

€890

Colour: Grey

GreySandOlive

Size

2 seats3 seats

In stock · delivery in 3–5 working days

Add to cart

Catalogue and products
Cart and checkout
Responsive screens

INTRODUCTION

Customers need to understand the product before they decide.

Photos catch attention, but choosing also needs clear information. Price, variants, availability and purchase terms have to be presented in an organised way.

At ENOR, we design how these elements connect. We create a consistent visual language and a flow that helps customers explore, compare and complete their purchase.

This service delivers the design and prototype. Coding, store configuration, payment and inventory integrations, publishing and maintenance are covered by eCommerce Platform Development.

WHAT THE SERVICE INCLUDES

Design for every stage of the buying experience.

The scope and number of screens are set in the proposal.

01
Store structure
Categories, navigation and content hierarchy.
Result: Category map and menu
02
Catalogue
Product lists, cards, filters and sorting.
Result: Catalogue screens with states
03
Product page
Photos, variants and information for the decision.
Result: Product template with variants
04
Cart and checkout
Summary, steps and clear states.
Result: The full flow to confirmation
05
Mobile experience
Layouts and interactions adapted for phones.
Result: Mobile screens for the main flow
06
Prototype and handoff
Linked screens and materials for implementation.
Result: Prototype and organised files

STRUCTURE AND NAVIGATION

Help customers find the right category.

We organise categories with names that match how customers look for products, without unnecessary navigation levels.

Category organisation
Subcategories
Menu
Mega menu when needed
Breadcrumb
Search
Collections
Links to help content

Illustrative concept

Atelier Linea · Shop

Seating

Sofas
Armchairs
Poufs

Storage

Shelves
Sideboards

Autumn collection

Breadcrumb: Home / Living room / Sofas

Help content: Size guide · Material care · Delivery and returns

Switch categories and the mobile view: the same structure, adapted to the screen.

CATALOGUE, SEARCH AND FILTERS

A catalogue that is easy to explore.

We design product cards, filters and sorting per category, plus the states when results are missing or loading.

Illustrative concept

4 products

Sort

Sera sofa
3 seats · fabric
€890
Flex office chair
Mesh · castors
€249
New
Riva desk
Oak · 140 cm
€340
Modul shelf
Metal · 5 shelves
€179

Switch category, pick filters and try the catalogue states.

States we tell apart

01Search with no resultsSuggestions and a way to continue.
02Empty categoryAn explanation and links to other collections.
03Loading errorA message and an action to try again.
04Results updatingAn indicator that doesn’t shift the page.

Filters change by category: furniture and lighting are not searched by the same criteria. Search features are designed here, not coded as part of this service.

PRODUCT PAGE

The information needed, in the right order.

Photos, price, variants and purchase terms are placed where customers look for them while deciding.

Photos
Gallery
Name
Price
Variants
Quantity
Availability
Description
Specifications
Dimensions
Delivery
Returns
CTA

For products with variants

We show what is selected
We mark unavailable variants
We design the state when a choice is missing
We keep the price clear for each variant

Ratings and reviews appear only when they really exist. We don’t invent stars, reviews or buyer counts.

Living room / Sofas / Sera sofaIllustrative concept

Sera sofa

from €720

Colour: Grey

Size

Quantity1

In stock · delivery in 3–5 working days

Description

Sofa with removable cushions and wooden legs.

Dimensions

2 seats: 180 × 90 cm · 3 seats: 220 × 90 cm

Delivery

The cost is calculated from the address at checkout.

Returns

Return terms are shown here, before purchase.

Choose the colour “Olive”: the 3-seat size is out of stock. Add without a size to see the message.

CART

A summary that can be checked before paying.

Customers should see what they chose, change quantities and understand which costs are still to be calculated.

Products and variants
Changing quantity
Removing a product
Prices and discounts
Coupon
Known or estimated delivery
Total
Continue shopping
Go to checkout

Designed states

Empty cart
Quantity not available
Product no longer sold
Invalid coupon
Price change

We don’t show a final total when fees are added later; we label it as an estimated total.

Cart

Illustrative concept

Sera sofa
3 seats · Grey
1€890
Nora table lamp
Cream
2€118

Coupon code

Test code: LINEA10

Subtotal: €1,008
Delivery: Calculated at address
Estimated total: €1,008

Change quantities, remove a product or try the coupon LINEA10 and another code.

CHECKOUT

Clear steps all the way to confirmation.

We design the steps to fit the store’s model and every state that can follow submission, from processing to confirmation.

CheckoutIllustrative concept

1Contact
2Address
3Delivery
4Payment
5Summary

No account is needed to buy.

Postcode

4 digits, e.g. 1001

Gift wrapping (+€5) — not pre-selected

Payment method

Card
Cash on delivery

State after submission

Choose a state to see how it is communicated.

Demo state; no payment is made.

Type an invalid postcode and leave the field; then choose the states after submission.

Guest checkout
Sign-in
Contact details
Address
Delivery
Payment method
Summary
Confirmation

Details and states

Clear labels
Necessary fields
Explanations
Error messages
Going back to correct
Processing
Failed payment
Pending result
Confirmed order

We don’t force registration without a business reason and we don’t design pre-ticked boxes for paid extras.

Payment marks and logos reflect only the methods that will actually be supported.

MOBILE EXPERIENCE

Shopping designed for use on the phone.

We don’t shrink a desktop screenshot. We design the menu, filters, gallery, variants and forms for touch and for the on-screen keyboard.

Menu
Search
Filters
Gallery
Variants
Quantity
Cart
Forms
CTA
On-screen keyboard

For sticky buttons at the bottom

We check whether they are needed
They don’t cover content
They don’t block fields or messages

See Responsive Design

Filters

Type

TableFloor

Light

WarmNeutral

Show 2 products

Filters open in a panel; the button shows the number of results.

Switch between filters, the product page and the form with the keyboard.

ACCOUNT AND AFTER PURCHASE

The experience continues after the order is sent.

We design the confirmation, order history and order details, where order, payment, preparation and delivery each have their own status.

Order confirmation
Summary
History
Order details
Delivery status
Documents
Addresses
Return request
Contacting support

We don’t design a single status that mixes everything up. These are designed screens and flows, not completed integrations.

Illustrative concept

Order AL-2048

Order
Confirmed
Recorded on 12 October.
Payment
Completed
Card · invoice in documents.
Preparation
In progress
Packing at the warehouse.
Delivery
Not started yet
The tracking number appears when it ships.

Designed screens and flows; not completed integrations.

Open “Details” for the four separate statuses, or “Return” for the request.

TRUST AND CLARITY

Trust is built with clear information.

We place the information customers look for before buying where they need it.

Business identity
Who sells and where they are.
Contacts
Real ways to ask a question.
Delivery
Costs and times before paying.
Returns policy
Terms visible from the product.
Terms
Readable and linked.
Product information
Dimensions, materials, care.
Payment methods
Only those supported.
Real reviews
Only when they exist.

We don’t use fake countdowns, invented stock levels, fabricated reviews or certification marks that don’t exist.

We don’t hide fees or claim absolute security.

VISUAL IDENTITY

A store that keeps the brand recognisable.

The identity carries from the home page to checkout: typography, colours, photos and components speak the same language.

Typography
Colours
Photo style
Image ratios
Spacing
Icons
Buttons
Cards
Product labels
Banners

A new logo, brand book and product photography are separate services unless included in the proposal.

Store identityIllustrative concept

Typography

Heading 32/40 · Text 15/24

Palette

SandForestOliveWalnut

Product 4:5

Banner 16:7

Autumn collection

Add to cartSee details

NewIn stockMade to order · 4 weeksSale

PURCHASE PROTOTYPE

Evaluate the flow before implementation.

Catalogue → Product → Variant → Cart → Checkout → Confirmation, with a declined-payment scenario to see the recovery.

Prototype · no real payments, stock or orders

Atelier Linea · Shop0

Sofas and storage

In the prototype, the first product is linked.

Catalogue
Product
Cart
Checkout
Confirmation

The prototype simulates the experience. It makes no payments, reserves no stock and creates no real orders. The demo asks for no personal or card data.

DESIGN FOR AN EXISTING PLATFORM

Screens adapted to the limits of your platform.

When the store runs on an existing platform, the analysis defines what can be customised and where the design needs to follow its limits.

In the analysis we define

The existing platform
The template or component system
Checkout constraints
Customisation options
The implementation team’s requirements

Not every design can be implemented without limits on every platform. Platform names such as Shopify or WooCommerce are mentioned only as verified context, not as ENOR partnerships.

Limits analysis · illustrative platformIllustrative concept

Area	Customisation	Note
Home page	Full	Sections and banners as designed.
Catalogue and filters	Partial	Filters depend on platform attributes.
Product page	Full	Customisable template for variants.
Checkout	Limited	The platform sets the steps; the look is customised.
Account	Partial	Basic pages; some actions via add-ons.

PROCESS

From the catalogueto a designed buying experience.

The number of screens and review rounds is set in the proposal.

Brief

We understand the products, customers, brand and platform.

Structure

We organise the categories and main flows.

Wireframes

We define the hierarchy of catalogue, product and checkout.

UI design

We design the screens and components.

Responsive and prototype

We adapt the experience and link the main interactions.

Review

We improve based on feedback and the agreed evaluation.

Handoff

We prepare the files and guidance for implementation.

Which part of buying needs clarity?

Discuss your store

A review against the design after implementation can be offered separately.

DELIVERABLES

An organised project for the development team.

As agreed, we deliver the materials the team needs to build the store according to the design.

Source file
Approved screens
Mobile and desktop variants
Components
Interaction states
Prototype
Assets
Behaviour notes
Issues needing a technical decision

Three different things

01The designScreens, components and rules.
02The prototypeA simulation of the flow, without real functions.
03The working storeA result of development, not of this service.

Coding, configuration, integrations and publishing are not included automatically.

Handoff · Atelier Linea ShopIllustrative concept

Source file

01 Categories and navigation
02 Catalogue and filters
03 Product page
04 Cart and checkout
05 Account and after purchase
06 Components and prototype

Export materials

SVG icons
Product images 4:5
Fonts per licence

Issues needing a technical decision

— Filter attributes per category.
— Payment messages per chosen provider.
— How far checkout can be customised on the platform.

WHY ENOR

Design that gives the product room and the purchase clarity.

Our portfolio shows ENOR’s actual role in each project.

01Structure based on the catalogue
02Consistent visual identity
03Attention to mobile
04Designed states and exceptions
05Feedback with approval points
06Organised handoff

FAQ

Frequently asked questions.

Other services

Let’s design buying around your customers.

Tell us about your products, brand and the platform you use or plan to use. We’ll define the screens and flows to design.

What our clients say

5.0

Arben Hoxha, CEO

Sample Logistics Co.

“They translated complex technical concepts into clear decisions for our team.”

Products presented well.A clear path to purchase.

Customers need to understand the product before they decide.

Design for every stage of the buying experience.

Store structure

Catalogue

Product page

Cart and checkout

Mobile experience

Prototype and handoff

Help customers find the right category.

A catalogue that is easy to explore.

The information needed, in the right order.

A summary that can be checked before paying.

Clear steps all the way to confirmation.

Shopping designed for use on the phone.

The experience continues after the order is sent.

Trust is built with clear information.

Business identity

Contacts

Delivery

Returns policy

Terms

Product information

Payment methods

Real reviews

A store that keeps the brand recognisable.

Clarity for different users and content.

Evaluate the flow before implementation.

Screens adapted to the limits of your platform.

From the catalogueto a designed buying experience.

Brief

Structure

Wireframes

UI design

Responsive and prototype

Review

Handoff

Which part of buying needs clarity?

An organised project for the development team.

Design that gives the product room and the purchase clarity.

Frequently asked questions.

What does eCommerce design include?

Is store development included?

Can you redesign an existing store?

Can you design for the platform we use?

Are mobile screens included?

Do you design the checkout?

Are real payments included?

Do we need photos and copy?

Can another team implement it?

Do you guarantee more sales?

How much does it cost?

How long does it take?

Do you check the result after implementation?

Other services

Let’s design buying around your customers.

What our clients say