BioHairTech
Site διανομέα beauty-tech με portal πελατών και κρατήσεις
Τι είναι.
Δίγλωσσο site σε Next.js για την BioHairTech, επίσημο διανομέα της Koemia σε Ελλάδα, Κύπρο και Αλβανία, με portal πελατών και κρατήσεις.
Η BioHairTech είναι ο επίσημος διανομέας premium beauty-tech προϊόντων σε Ελλάδα, Κύπρο και Αλβανία, ξεκινώντας με την KOEMIA, το ιταλικό σύστημα Hair Styling 4.0 για επαγγελματικά salons. Χτίσαμε το biohairtech.com ως δίγλωσση (EL/EN) εφαρμογή Next.js που παρουσιάζει το σύστημα, τα προϊόντα και τις υπηρεσίες της Koemia σαν portfolio με αίτημα προσφοράς, και προσθέτει drawer κρατήσεων με πληρωμές Stripe, κλειστό portal πελατών και admin console. Όλα τρέχουν από έναν κώδικα με MySQL στο Node.js hosting της Hostinger.
Η BioHairTech χρειαζόταν μία ενιαία διαδικτυακή παρουσία που να την τοποθετεί ως τον θεσμικό διανομέα πίσω από την Koemia, να εξηγεί ένα σύνθετο σύστημα τεσσάρων βημάτων (ανάλυση, treatment, styling, έλεγχος) σε ιδιοκτήτες salon και καταναλωτές, και να επιτρέπει κρατήσεις για demo ή θεραπείες. Παράλληλα, οι B2B πελάτες ήθελαν έναν ιδιωτικό χώρο για αρχεία, αιτήσεις και τιμολόγια, και η ομάδα ένα περιβάλλον για την έγκριση επαγγελματικών λογαριασμών. Όλα έπρεπε να ακολουθούν αυστηρά τα brand guidelines (παλέτα Deep Forest και Sage, wordmark μόνο ως vector) και να τρέχουν στο Node.js hosting της Hostinger, όχι σε VPS.
Τι χτίσαμε.
Δίγλωσσο site EL/EN: Σύστημα, κατάλογος Προϊόντων με φίλτρα, Υπηρεσίες, Εταιρία, Επικοινωνία και νομικές σελίδες
Drawer κρατήσεων για επαγγελματίες και ιδιώτες: 6 υπηρεσίες, έλεγχος ωραρίου salon, Stripe Checkout για τα demo με χρέωση
Λογαριασμοί με 6ψήφιο κωδικό επιβεβαίωσης email, επαναφορά κωδικού, httpOnly sessions στη βάση και έγκριση B2B από διαχειριστή
Portal πελατών: ραντεβού, ασφαλής χώρος αρχείων και τιμολογίων (upload έως 10 MB), αιτήσεις με κατάσταση, ρυθμίσεις προφίλ
Admin console: KPIs, αναζήτηση χρηστών και εγκρίσεις, κρατήσεις, αιτήσεις, τιμολόγια και ανέβασμα αρχείων ανά πελάτη
Transactional email μέσω Hostinger SMTP: κωδικοί επιβεβαίωσης, επιβεβαιώσεις κράτησης, ειδοποιήσεις επικοινωνίας και portal
Brand system από τα guidelines: tokens Deep Forest και Sage, επίσημο wordmark και monogram, favicon και OG image
SEO και παράδοση: metadata, JSON-LD, sitemap και robots, cookie consent, renders σε WebP, prebuilt deploy σε Hostinger με MySQL
Το stack.
- Next.js 16 (App Router)
- React 19
- TypeScript
- Tailwind CSS 4
- Prisma 6
- MySQL (Hostinger)
- @prisma/adapter-mariadb
- Stripe Checkout
- Nodemailer (Hostinger SMTP)
- bcryptjs
- Inter via next/font
- Hostinger Node.js hosting
Οι οθόνες.
Αποτελέσματα.
Live στο biohairtech.com σε Ελληνικά και Αγγλικά, με δημόσιο site, portal πελατών και admin console από έναν κώδικα Next.js
11 προϊόντα Koemia σε κατάλογο (συσκευές, consumables, λογισμικό), με 14 studio renders από PNG 10-20 MB σε WebP
6 υπηρεσίες προς κράτηση για επαγγελματίες και ιδιώτες, με τα πληρωμένα demo να χρεώνονται server-side μέσω Stripe Checkout