DiggaToys — Premium Designer Art Collectibles Platform

DiggaToys — Premium Designer Art Collectibles Platform

Μια premium full-stack e-commerce πλατφόρμα για συλλεκτικά designer art toys, σχεδιασμένη με έμφαση στις υψηλές επιδόσεις, την ασφάλεια (OWASP ZAP) και την άριστη εμπειρία χρήστη σε κινητές συσκευές.

Client

Digga Print

Technologies
Next.jsSQLitenode:sqliteDrizzle ORMTailwind CSSbcryptSharpNodemailerStripe CheckoutBOX NOW v5PageSpeed OptimizationCSPOWASP ZAPTypeScriptResponsive Design

Full Overview

Το DiggaToys είναι ένα εξειδικευμένο ηλεκτρονικό κατάστημα για premium φιγούρες τέχνης. Περιλαμβάνει δυναμική αρχική σελίδα (bento grid, brand story, hero section), φίλτρα καταλόγου, διαδραστική γκαλερί έργων, καλάθι-συρτάρι (slide-out drawer), σύστημα ειδοποιήσεων "Back-in-Stock" και ένα πλήρες Collector Portal (My Account) για την παρακολούθηση παραγγελιών. Στο checkout ενσωματώνει Stripe Hosted Checkout (για κάρτες, Apple/Google Pay) και τον διαδραστικό χάρτη επιλογής BOX NOW Locker. Συνοδεύεται από ένα πανίσχυρο, κλειδωμένο Admin Panel για πλήρη διαχείριση (CRUD φιγούρων, παραγγελιών, SMTP templates, ρυθμίσεων SEO και Maintenance Mode).

The Challenge

Οι e-commerce πλατφόρμες για συλλεκτικά είδη αντιμετωπίζουν συχνά τεράστιο φόρτο κατά τη διάρκεια "drops" (κυκλοφορία νέων μοντέλων), γεγονός που απαιτεί εξαιρετική ταχύτητα φόρτωσης (ιδιαίτερα σε mobile συσκευές). Παράλληλα, η ασφαλής διαχείριση πληρωμών, η πρόληψη ευπαθειών ασφαλείας (XSS/Clickjacking) και η εύκολη επιλογή μεθόδων αποστολής (όπως τα lockers της BOX NOW) αποτελούν κρίσιμες προκλήσεις για τη μετατροπή των επισκεπτών σε αγοραστές.

Our Solution

1. Full-Stack Next.js 16 & node:sqlite: Χρήση του native SQLite Node runtime με Drizzle ORM για αστραπιαία queries και ελαφρύ deployment.

2. Media Optimization (Sharp): Αυτόματη συμπίεση και μετατροπή όλων των uploaded εικόνων σε WebP κάτω από 300KB για βελτιστοποίηση του LCP (Largest Contentful Paint).

3. Ολοκλήρωση BOX NOW v5 & Stripe: Πλήρης ενσωμάτωση του overlay χάρτη BOX NOW και Stripe Hosted Webhooks με αυστηρό Content Security Policy (CSP).

4. Hardened Security & Performance: Audit με βάση το OWASP ZAP και βελτιστοποίηση PageSpeed Scores (LCP από 9.2s σε 2.1s, mobile score από 57 σε 96).

The Result

Ένα ταχύτατο και ασφαλές ηλεκτρονικό κατάστημα με σχεδόν τέλειο PageSpeed Score (96/100 σε κινητά), αυστηρό CSP που αποτρέπει επιθέσεις, και μια απόλυτα ομαλή ροή checkout όπου ο συλλέκτης μπορεί να επιλέξει locker ή να πληρώσει με Apple/Google Pay σε δευτερόλεπτα.

Πίσω στο Portfolio