Start a project
We'll respond as soon as possible with clear next steps — no obligations.
Case study · Optics & eyewear
From PrestaShop to a shop that grows
Augenkontakt is an optician in Zürich-Affoltern with its own frame collection, KATZENSEH. We moved its online shop from PrestaShop to WooCommerce in 2024 and rebuilt it on Blocksy in 2025: 44 products, 12 service pages, 9 brand pages and a booking button on the home page.
- Client
- Augenkontakt AG
- Industry
- Optics & eyewear
- Services
- Migration · Design · Development · Support
- Duration
- Two stages (2024, 2025), then support
The brief
Frames, lenses and eye tests — on one website
Augenkontakt AG is an optician at Zehntenhausplatz in Zürich-Affoltern: glasses, contact lenses, eye tests, sports vision and low vision, with its own frame collection KATZENSEH and brands such as Oakley and Andy Wolf. Until 2024 its online shop ran on PrestaShop.
The project came in two steps. First the shop and its blog moved to WooCommerce; then the whole website was rebuilt on Blocksy — so that services, brands and products sit in one structure, point to each other and lead visitors to the appointment booking.
- Deliverables
- Shop migration · Rebuild · Support
- Platform
- WordPress · WooCommerce · Blocksy · ACF Pro
- Languages
- German (de-CH)
- Content
- 44 products · 12 service pages · 9 brands · blog
- Engagement
- Two stages, then ongoing support
- Range
- Frames · Reading glasses · Sports eyewear · Accessories
The challenge
A shop that moved twice at the same address
The shop changed platforms twice — from PrestaShop to WooCommerce, then to a new theme — on the same domain, with a blog archive that reaches back to 2019.
At the same time, most of what an optician offers happens in the store. The website had to explain the services, show the products behind them and hand visitors over to the booking tools.
-
Two moves in under two years
PrestaShop until 2024, then a first WooCommerce version, then the Blocksy rebuild — and content such as the blog archive had to come along each time.
-
Store and shop in one site
Frames and accessories sell online, while eye tests and contact lens fittings happen in the store — so service pages and products had to point to each other.
-
Tools from other providers
Appointments run in the optician’s booking tools, the newsletter in mailxpert and the news in a Facebook feed — the website had to connect all three.
Behind the build
One shop, two stages, one team
The shop grew in two stages: in 2024 the move from PrestaShop to WooCommerce, in 2025 the rebuild on Blocksy with its own blocks. Between the stages it kept growing with brand pages, and every discipline — from planning to support — stayed with the same in-house team and one contact for the optician.
What we built
Five parts, one optician online
Service pages
Twelve services, each on its own page
Glasses, contact lenses, optometry, sports vision and low vision: 12 service pages in five categories. A services grid on the home page links straight to the topics of each one, and service pages carry buttons to book the matching appointment.
- Services grid with direct sub-links
- Service pages grouped in five categories
- Booking buttons per appointment type
Online shop
44 products, sorted into clear categories
KATZENSEH frames, reading glasses, Oakley sports eyewear, accessories and gift vouchers in 19 categories. Our own accordion plugin keeps the category tree compact, while colour and price filters narrow the list down to the right frame.
- Category accordion, built in-house
- Colour swatches and price slider
- Wishlist and customer account
Custom blocks
Products right where the advice is
An ACF block places a row of shop products inside any page. On the glasses page it shows the KATZENSEH collection and accessories, with prices and cart buttons that WooCommerce keeps up to date.
- Product row for any shop category
- Used on the service pages
- Cart button in every card
Brands
Nine brands, each with its own story
From the in-house collection KATZENSEH to Oakley, Andy Wolf and NINE Eyewear: each brand has its own page and a card with logo, short text and a pop-up with details. The same card grid also appears on the glasses page.
- Brand cards with pop-up details
- A page for every brand
- Card grid reused through a block
Front page
A front page that opens the store
A hero slider with news from the store, such as the move to a new location, leads into the services grid, a product slider with a voucher teaser, a blog slider and a newsletter sign-up. A booking button opens the appointment widget.
- Hero slider with a booking button
- Product, voucher and blog teasers
- Newsletter sign-up via mailxpert
Inside the project
Every step of the work, out in the open
Most agencies show you the finished site. We show you how it got there. Open any discipline to see what the team did and what it handed over.
01 / Project management
One point of contact, the whole way through
One of our first projects, delivered in two stages: the move from PrestaShop to WooCommerce in 2024, then the rebuild on Blocksy in 2025. Between and after the stages, the same team kept extending the shop, with one contact for the optician.
-
2
platform moves: WooCommerce, then Blocksy
-
24
blog posts from 2019–2023 carried over
What we did
- Migration from PrestaShop as one planned stage
- Blog archive and legal pages moved along
- Rebuild on Blocksy as the second stage
- One point of contact throughout
Handed over Approved scope and requirements → Design
02 / UI/UX design
Structure first, pixels second
On Blocksy the shop got its own front page: a hero slider over an animated particle background, a services grid, product and blog sliders and a newsletter band — in the store’s calm sage green.
What we did
- Front page as its own layout
- Particle background behind the hero
- Sliders for products, vouchers and the blog
- Brand cards with pop-ups
Artifacts
-
Hero slider with particles
Handed over Figma designs and a block system → Development
03 / Development
Built to be fast, stable and easy to extend
A Blocksy child theme with four page templates, content types for services, brands and the team, ACF blocks and custom widgets — plus Woo Categories Accordion, our own plugin for the shop navigation. Booking, newsletter and news feed are connected services.
-
4
page templates in the child theme
-
3
content types: services, brands, team
-
2
ACF blocks: product row and brand grid
What we did
- Templates for home, about, contact and brands
- Product row block for service pages
- Woo Categories Accordion in sidebar and off-canvas
- Booking button wired to the Dynoptic widget
- Newsletter form connected to mailxpert
Artifacts
-
Category accordion in the shop -
Product page
Handed over Tested build on staging → Content & SEO
04 / Content
Every offer in one clear structure
44 products in 19 categories, 12 service pages and 9 brand pages, structured so that frames, lenses and services link to each other. The blog moved along from the old shop — its oldest article dates from 2019.
-
44
products in 19 categories
-
4
product attributes: colour, size, brand, dioptres
-
41
blog posts, the oldest from 2019
What we did
- Products with colour, size, brand and dioptre attributes
- Service pages grouped in five categories
- Shop legal pages: T&Cs, returns, shipping, privacy
- Blog archive carried over from the old shop
Artifacts
-
Blog slider on the home page
Handed over Structured content in the CMS → SEO & GEO
05 / Cybersecurity
Safe before anyone else looks
CleanTalk filters spam from the shop’s forms and account sign-ups in the background, and Solid Security adds a security layer to the WordPress install. Shop e-mails go out through FluentSMTP.
What we did
- CleanTalk spam filter on forms and sign-ups
- Solid Security on the WordPress install
- Shop e-mails sent through FluentSMTP
Handed over Security checks for launch → Support
06 / Technical support
Launch day is where our job continues
The shop is looked after between and after the stages: brand pages followed the first launch, and WordPress, WooCommerce and plugins are updated in short maintenance windows.
What we did
- Brand pages added after the first launch
- Core, WooCommerce and plugin updates
- Changes on request
Handed over Ongoing — we stay with the client
The project in numbers
An optician’s shop, in figures
Every figure below was counted on the live shop — its catalogue, its pages and its templates.
-
44
products in the online shop
-
19
product categories under three main ones
-
12
service pages in five categories
-
9
brand pages, KATZENSEH included
-
41
blog posts, the oldest from 2019
-
3
content types: services, brands, team
-
4
page templates in the child theme
-
2
ACF blocks for product rows and brand cards
Below the surface
The work behind the shop counter
Visitors see frames, services and a booking button. Behind them sits work that keeps the shop, its forms and its updates in order.
-
Development
Our own category accordion
Woo Categories Accordion, a plugin we wrote, folds 19 product categories into a compact menu — in the shop sidebar and in an off-canvas panel on product pages.
-
Development
Booking wired in
The booking button in the home page slider is wired to the optician’s Dynoptic widget, and service pages link to the matching appointment type.
-
Design
Particles behind the hero
The front-page slider runs over an animated background of drifting circles, drawn live in the browser with particles.js.
-
Content
A blog archive kept intact
24 articles from 2019 to 2023 moved from the old shop to WooCommerce with their original dates.
-
Content
Legal pages for the shop
Privacy policy, cookie policy, T&Cs, returns and shipping pages were set up with the WooCommerce shop in spring 2024.
-
Cybersecurity
Spam stays out
CleanTalk checks form entries and account sign-ups in the background, and Solid Security adds a security layer to WordPress.
-
Support
Updates in short windows
WordPress, WooCommerce and plugins are updated in short maintenance windows, so the shop stays on supported versions.
-
Management
One domain, three platforms
PrestaShop, a first WooCommerce version and Blocksy — every stage ran under www.augenkontakt-shop.ch, so the shop kept its address through each move.
What you can expect
A platform that keeps earning its place
We build for the things that last — a platform that is clearer to navigate, more credible to every visitor and genuinely easier for your team to run and grow.
-
Easier to choose
Clear categories, filters and prices let visitors find the right offer themselves instead of writing to ask where to begin.
-
Credible to every visitor
A site that looks and reads like the quality behind it — for first-time visitors and long-standing customers alike.
-
Effortless to keep current
Your team updates products, content and news itself — no developer ticket, no waiting in a queue.
-
Built to grow
New products, categories and languages slot in as the business expands — without a rebuild.
Built on a clear goal
We agree the goals that matter up front and build toward them together — then stay on as a partner after launch to keep the platform sharp as the business grows.
In their words
What the client says
A shop proves itself when the people who run it every day would take the same path again.
-
Our shop has moved twice, with the same team behind it each time. Today frames, lenses, brands and our services sit on one website, and customers book an appointment straight from the home page.
Working with
Start a project
Tell us about your project
We will respond as soon as possible with clear next steps — no obligations.
- We respond as soon as possible
- Clear scope, timelines, and estimate
- Complete confidentiality of your data