Online shop and internal tool / Creative workshops & events

ArtNight.

artnight.com

Part of the development team behind a painting events platform.

ArtNight organises painting classes and creative workshops across Germany. We contributed as part of the ArtNight development team and were not responsible for the entire platform. Our work covered the Storefront shop at artnight.com and the internal nKeeper event management tool.

OUR ROLE
Development as part of the team
TECHNICAL FOUNDATION
Nuxt + Vue
TECHNOLOGIES
  • Nuxt
  • Vue
  • TypeScript
  • Storyblok
EXPLORE THE EXPERIENCE
ArtNight online shop with a hero image of canvas painting and a course search by city
TECHNICAL OVERVIEW

How the solution is built.

The key components and what they do.

  1. 01Nuxt + Storyblok

    Online shop

    Classes, city pages, basket, checkout and gift voucher purchases.

  2. 02Nuxt + Vuetify + Pinia

    Internal nKeeper tool

    Event management for the operations team and instructors.

  3. 03Vitest + Playwright

    Release quality

    Unit and end-to-end tests, error monitoring and accessibility checks.

OUR ROLE

Development as part of the team

  • Gift vouchers and payment flows
  • Localised city pages and sitemaps
  • Accessibility and structured data
  • Search, filters and quick commands in nKeeper

Project screenshot: November 2026.

01

Storefront: the shopping journey

The artnight.com shop is built with Nuxt, Vue and TypeScript, with content managed in Storyblok. Within the team, we developed parts of the shopping journey: amount selection and content for redesigned gift vouchers, notifications and a waiting screen for SEPA bank transfer payments, and basket fixes.

02

Storefront: localisation, SEO and accessibility

We contributed localised city and course listing pages, language-specific sitemaps, consistent handling of links from Storyblok CMS and schema.org structured data. The work also included accessibility fixes, Nuxt upgrades and improvements to Sentry error reports.

03

nKeeper: an internal operations tool

nKeeper is an internal application for the operations team and event instructors, built with Nuxt, Vuetify and Pinia. We developed search and filters, a quick command palette (Cmd+K), more reliable status dialogs and list loading, event cancellation rules, and framework upgrades with tests.

View the live project
Next projectWP Shelf
The next step is a conversation.

Have an idea?
Let's give it shape.

Where will your idea take you?

15 results to explore

QUICK LOOK / SELECTED PROJECTS
Online shop

Fragnatium

fragnatium.com
Fragnatium online shop with a selection of fragrances and a dark hero design

Design and developmentA fragrance catalogue, product variations and discovery set builder on WooCommerce.

  • WordPress
  • WooCommerce
  • PHP
  • JavaScript
Technical overview
01 / 09
Project preview