Μουσική / Artist Portfolio·2026

Shahin Yavari

Personal site για underground techno DJ , minimal, dark, με μουσική που δεν σταματά ποτέ.

Shahin Yavari
Κλάδος
Μουσική / Artist Portfolio
Διάρκεια
10 days
Tech Stack
Next.js · React · SoundCloud API · Tailwind CSS
Υπηρεσίες
UX/UI Design · Frontend Development · Audio Integration

Η πρόκληση

Ο Shahin Yavari είναι underground techno DJ με έδρα την Ολλανδία , σκοτεινά κλαμπ, 135–145 BPM, σκηνή της Χάγης και του Άμστερνταμ. Η ζήτηση ήταν απλή: ένα καθαρό personal site που να αντανακλά την αισθητική του. Bio, φωτογραφίες, sets, socials. Χωρίς CMS, χωρίς e-commerce, χωρίς πολυπλοκότητες. Αυτό που θέλουν οι artists δεν είναι περισσότερες λειτουργίες , είναι να νιώθει το site όπως ακούγεται η δουλειά τους.

Η προσέγγισή μας

Για τέτοια projects δεν διαπραγματευόμαστε το design brief. Ο artist ξέρει τη σκηνή του, τη δουλειά του, το κοινό του. Δουλειά μας είναι να μεταφράσουμε το vision σε web χωρίς να το νερώσουμε. Δουλέψαμε μαζί στο design για 10 ημέρες συνολικά , από την πρώτη μακέτα μέχρι το live site. Το αποτέλεσμα είναι ένα single-page experience με σκοτεινό background, σπάνιο whitespace και typography που κάνει το όνομα να μοιάζει με poster από club night αντί για template πορτφόλιο.

Τεχνικές αποφάσεις

**Γιατί κανένα backend.** Το περιεχόμενο , bio, εικόνες, sets, socials , αλλάζει σπάνια. Μια βάση δεδομένων για ιστοσελίδα τόσο στατική θα ήταν υπερβολή· θα πρόσθετε κόστος συντήρησης χωρίς κανένα πρακτικό όφελος. Όταν ο artist χρειαστεί να ενημερώσει κάτι, το κάνουμε εμείς σε λίγα λεπτά. **Η μουσική που ακολουθεί τον χρήστη.** Το πιο ενδιαφέρον κομμάτι του project ήταν η integration με το SoundCloud. Αντί για ξεχωριστά embedded widgets σε κάθε section που σταματούν να παίζουν μόλις αλλάξει η θέση του scroll, χτίσαμε persistent player: ξεκινά σε ένα σημείο της σελίδας και συνεχίζει να παίζει ό,τι κι αν κάνει ο επισκέπτης , scroll στο bio, στις φωτογραφίες, στα socials. Για έναν DJ αυτό δεν είναι εφέ· είναι ότι μπαίνεις στο site και σε χτυπάει αμέσως ο ήχος του, όχι ένα κείμενο. **Performance πρώτα.** Ελάχιστα assets, aggressive image optimization, κώδικας που δεν κουβαλάει περιττές βιβλιοθήκες. Ένα site για έναν artist πρέπει να ανοίγει στιγμιαία , αλλιώς ο επισκέπτης φεύγει πριν ακούσει καν το πρώτο beat.

Αποτέλεσμα

Παραδόθηκε σε 10 ημέρες, ακριβώς αυτό που ζήτησε ο artist, χωρίς added scope creep. Το καλύτερο σημείο του project για μας δεν είναι κάποιο μετρήσιμο KPI , είναι ότι όταν κάποιος μπαίνει στο site και ακούει ένα set ενώ διαβάζει για τον artist, παίρνει την εμπειρία όπως θα την έπαιρνε σε ένα club. Κι αυτό είναι όλο το briefing που χρειάζεσαι για να ξέρεις αν έκανες καλή δουλειά σε ένα artist site.