Grainel - Multilingual Product Catalog and Quote Website

Overview

Grainel is a custom product website built for a wood-surface brand that needed more than a simple brochure page. The platform combines visual product presentation, detailed technical product data, multilingual navigation, packaging and installation documentation, project inspiration galleries, and direct quote-request flows. The work focused on turning a static product range into a structured, client-facing website where architects, interior designers, and private buyers can understand collections, compare products, and send qualified enquiries through a polished conversion path.

Client

Grainel OÜ

Key Features

• 

  Multilingual Product Experience: Built localized navigation and page content for Estonian, English, French, German, and Norwegian across the full website.

• 

  Structured Product Catalog: Organized product collections, product detail pages, profile options, packaging information, and pricing logic in a maintainable data-driven format.

• 

  Quote Request Workflow: Implemented cart-based and direct product enquiry flows so users can request offers with selected products, quantities, and project notes.

• 

  Email Delivery with Attachments: Added production-ready contact and quote forms with file upload support, server-side validation, and Resend-powered email delivery.

• 

  Project and Brand Presentation: Designed dedicated inspiration, contact, showroom, packaging, installation, and about pages to support both product trust and conversion.

Technologies Used

• 

  Next.js & TypeScript: Built with the App Router using typed components, dynamic localized routes, and server/client rendering where appropriate.

• 

  Data-Driven Architecture: Structured products, dictionaries, and reusable UI sections so the site can scale across collections and languages without duplicating page logic.

• 

  Tailwind CSS: Created a refined responsive interface for catalog browsing, product pages, galleries, contact flows, and mobile navigation.

• 

  Resend API Integration: Connected quote and contact forms to transactional email delivery with reply-to handling and file attachments.

• 

  Content Localization Workflow: Maintained parallel translation dictionaries and product-specific copy so the client-facing content stays consistent across languages.

Challenges and Learnings

The main challenge was balancing brand presentation, product accuracy, and multilingual consistency across a growing set of pages and detailed product data. The project required careful handling of translations, product-specific copy, packaging and pricing logic, and UI adjustments requested iteratively by the client. It reinforced the importance of building reusable content structures early, validating user-input flows on both client and server, and treating even a marketing website like a production product when it includes commerce-adjacent workflows and multiple languages.

Outcome

The result is a polished custom website that gives Grainel a stronger digital sales presence and a clearer path from product discovery to quote request. The platform presents the brand more professionally, supports international visitors with localized content, and provides a strong technical foundation for future catalog expansion, new project references, and deeper sales workflows.