Case Study

INnUP

Comprehensive e-commerce platform for online printing services in Germany, built with Nuxt.js 3 and Vue 3 - featuring advanced product configuration, real-time price calculation, and server-side rendering for optimal SEO.

Nu
Nuxt.js
Technology
Vue.js
Vue.js
Frontend
TypeScript
TypeScript
Frontend
Tailwind CSS
Tailwind CSS
Frontend
Py
Python API
Technology
Pinia
Pinia
Frontend
SSR
SSR
Frontend

Project Overview

INnUP is a sophisticated e-commerce web application for a German online printing service company specializing in high-quality printing for stickers, flyers, posters, business cards, brochures, and custom products. Built with Nuxt.js 3 and Vue 3, the platform features server-side rendering for optimal SEO, advanced product configuration with real-time price calculations through Python-based calculators, and a comprehensive shopping cart system. The platform supports specialized products including glow-in-the-dark printing, UV/blacklight reactive inks, scratch-off lottery tickets, and metallic printing. With over 200 Vue components, 169+ pages, and integration with Google Tag Manager, the platform delivers exceptional user experience with multi-language support, GDPR compliance through CookieBot, and extensive image optimization.

Project Details

Client
German Printing Company
Industry
E-Commerce / Printing Services
Year
2024
Project Type
E-Commerce Platform
Project Gallery

Project Showcase

Explore the comprehensive interface and features of INnUP

Homepage

Homepage

Modern landing page with product categories and featured services

Product Catalog

Product Catalog

Advanced product configuration with real-time price calculation and filtering

Ideenbox (Ideas)

Ideenbox (Ideas)

Design inspiration and ideas showcase for customers

News & Blog

News & Blog

Content management system for news, updates, and educational content

Key Features

Powerful Features

Innovative solutions designed to deliver exceptional user experience and business value

Advanced Product Calculator

Real-time price calculation with complex matrices for size, materials, colors, quantities, and delivery times

Core Feature

Image Optimization

1480 WebP images with automatic optimization, lazy loading, and responsive srcset

Core Feature

Dynamic Filtering

Cascading filter system based on product type with URL-based state management

Core Feature

Shopping Cart System

Full cart functionality with local storage persistence and backend integration

Core Feature

Specialized Products

Unique printing options: glow-in-the-dark, UV reactive, scratch-off, metallic, and transparent

Core Feature

SEO Optimization

Server-side rendering with SSR for optimal search engine performance and page load speed

Core Feature

Analytics & Tracking

Google Tag Manager integration with custom event tracking and conversion monitoring

Core Feature

GDPR Compliance

CookieBot integration for cookie consent management and privacy policy compliance

Core Feature

Python Backend API

Specialized calculators for unique products with JSON/CSV data storage for pricing

Core Feature
Let's Get Started

Ready to Create Your Next Success Story?

Let's discuss your project requirements and create a custom solution that drives your business forward.