August 2023
MetallumLicht - Artisan Metalwork and Lighting Design

A bespoke website for a Swiss artisan specializing in metalwork and custom lighting solutions, featuring an elegant design and seamless user experience.

Stack:
  • Next.js
  • Next.js App Router
  • Tailwind CSS
  • TypeScript
  • ShadCn
  • Nodemailer
  • Custom UI/UX
Client: MetallumLicht
Categories:
  • web-development
  • e-commerce
  • portfolio-sites
  • All Projects
MetallumLicht website showcasing bespoke metal and lighting creations
Project Overview

MetallumLicht is a custom-built website for a Swiss artisan who creates unique metalwork and lighting designs. The project aimed to showcase the client's intricate craftsmanship through a modern, visually striking online platform that reflects the quality and artistry of their work.

Key Features

The website includes a responsive gallery showcasing the artisan's creations, detailed project pages, a custom e-commerce solution for bespoke orders, an about page highlighting the craftsman's expertise, and a contact form integrated with Nodemailer for client inquiries. The site also features smooth animations and transitions to enhance the browsing experience.

Technical Stack

The website is developed using Next.js with its App Router for optimized routing and server-side rendering. TypeScript ensures type safety and improves code maintainability. Tailwind CSS and ShadCn are utilized for rapid, custom UI development, allowing for a unique design that complements the artisan's work. Nodemailer is integrated for handling contact form submissions securely.

MetallumLicht website showcasing bespoke metal and lighting creations
MetallumLicht website showcasing bespoke metal and lighting creations
Development Process

As the lead developer, I was responsible for the entire development lifecycle. This included architecting the project structure using Next.js App Router, implementing responsive designs with Tailwind CSS and ShadCn, creating custom UI/UX elements, setting up the e-commerce functionality for custom orders, and integrating Nodemailer for secure client communications. Throughout the process, I focused on creating a performant, visually appealing, and user-friendly website that effectively represents the client's brand and facilitates customer engagement.

User Experience

The website features a clean, elegant design that puts the focus on the artisan's work. Custom UI/UX elements provide intuitive navigation and interactive features that engage visitors. The responsive layout ensures a seamless experience across all devices, while carefully crafted animations add a layer of sophistication that complements the high-end nature of the products.

Performance and Scalability

Leveraging Next.js and its App Router, the website is optimized for performance with fast load times and efficient routing. The use of TypeScript and modular components ensures the codebase is maintainable and scalable, allowing for easy updates and additions as the client's business grows. The integration of Nodemailer provides a reliable and secure method for handling customer inquiries and potential orders.