Brand Identity & Website CreationΔημιουργία Εταιρικής Ταυτότητας & Ιστοσελίδας

My roleΟ ρόλος μου

• WebsiteΙστοσελίδα

  StyleΣτυλ

  • Fluid design & soft glass­morph­ism.Fluid design & soft glassmorphism.
  • Quiet luxury, re­fined min­im­al­ism: lots of white space, few ele­ments, noth­ing shout­ing.Quiet luxury, refined minimalism: πολύς λευκός χώρος, λίγα στοι­χεία, τίποτα δεν «φω­νάζει».
  • Warm am­bi­ent light­ing: faint gold glows and lamps that switch on, tying the design to what the com­pany does: light.Warm ambient lighting: αχνές χρυσές λάμ­ψεις και λάμπες που ανάβουν, που δένουν το design με αυτό που κάνει η εται­ρεία, το φως.
  • Ed­it­or­i­al ty­po­graphy: large, clean titles and small gold sub­titles in spaced cap­it­als, like a magazine.Editorial τυ­πο­γρα­φία: με­γάλοι, κα­θα­ροί τίτλοι και μικροί χρυσοί υπότι­τλοι με αραιά κε­φα­λαία, σαν πε­ριο­δι­κό.

  Interactive featuresΔιαδραστικά στοιχεία

  • Light & dark mode, with a day and a night photo on the homepage.Light & dark mode, με φω­το­γρα­φία μέρας και νύχτας στην αρχική.
  • In­ter­act­ive hero: lamps that switch on and off with a click.Interactive hero: λάμπες που ανάβουν και σβή­νουν με κλικ.
  • 3D flip pro­ject cards and a con­tinu­ously scrolling logo strip.Κάρτες έργων που γυ­ρί­ζουν (3D flip) και μπάρα λο­γο­τύ­πων που κυλάει.
  • Pro­jects with cat­egory fil­ters, split into In pro­gress and Com­pleted.Έργα με φίλτρα κα­τη­γο­ριών, σε «Σε εξέλι­ξη» και «Ολο­κλη­ρω­μένα».
  • Before/after gal­lery tabs with a full-screen light­box.Καρ­τέλες πριν/μετά με lightbox σε πλήρη οθόνη.
  • Micro-in­ter­ac­tions: scroll reveal, but­tons that lift on hover, a gold shim­mer on the title and a header that turns into a float­ing pill.Micro-interactions: εμ­φάνι­ση στο scroll, κου­μπιά που ανα­ση­κώνο­νται, χρυσή λάμψη στον τίτλο και μπάρα που γί­νε­ται «κάψου­λα».

  TechnologyΤεχνολογία

  • Astro: a very fast static site.Astro: πολύ γρή­γο­ρο static site.
  • Decap CMS: an admin panel for texts, pro­jects and photos without code.Decap CMS: admin για κεί­με­να, έργα και φω­το­γρα­φί­ες χωρίς κώδικα.
  • Cloud­flare Pages: host­ing that pub­lishes every change auto­mat­ic­ally.Cloudflare Pages: φι­λο­ξε­νία που δη­μο­σιεύ­ει αυ­τόμα­τα κάθε αλλαγή.
  • Web3Forms: a con­tact form that sends mes­sages to email.Web3Forms: φόρμα επι­κοι­νω­νί­ας που στέλ­νει τα μη­νύ­μα­τα στο email.
  • Auto­mat­ic WebP image pro­cessing: light­er, sharp­er photos.Αυ­τόμα­τη επε­ξερ­γα­σία φω­το­γρα­φιών σε WebP: πιο ελα­φριές και κα­θα­ρές.
  • Bi­lin­gual (Greek & Eng­lish).Δί­γλωσ­σο (ελ­λη­νι­κά & αγ­γλι­κά).
  • Search en­gines: its own title and de­scrip­tion on every page.Google: δικός του τίτλος και πε­ρι­γρα­φή σε κάθε σελίδα, ώστε να βρί­σκε­ται εύκολα.
  • Se­cur­ity: rules that block for­eign code.Ασφάλεια: κα­νόνες που μπλο­κάρουν ξένο κώδικα.
  • An em­phas­is on ac­cess­ib­il­ity, with an ac­cess­ib­il­ity menu, so people with visual impair­ments can use it too.Έμφαση στην προ­σβα­σι­μότη­τα, με μενού προ­σβα­σι­μότη­τας, ώστε να το χρη­σι­μο­ποιούν και άτομα με προ­βλή­μα­τα όρασης.

• LogoΛογότυπο
  • Hexagon: the shape of hon­ey­combs, mo­lecules, nuts and bolts. Its double line, thick out­side and thin inside, re­calls an in­su­lated cable or a tech­nic­al draw­ing.Εξάγω­νο: το σχήμα της κυ­ψέλης, των μορίων, των πα­ξι­μα­διών και των βιδών. Η διπλή γραμμή, χοντρή έξω και λεπτή μέσα, θυ­μί­ζει κα­λώδιο με μόνωση ή τε­χνι­κό σχέδιο.
  • Light­ning bolt: the most direct symbol of elec­tri­city.Κε­ραυ­νός: το πιο άμεσο σύμ­βο­λο του ηλε­κτρι­σμού.
  • Gold gradi­ent: from cham­pagne to gold and bronze, like pol­ished brass and copper, and like the warm light of a lamp.Χρυσό με δια­βάθ­μι­ση: από σα­μπα­νί σε χρυσό και μπρον­ζέ, σαν γυα­λι­σμένος ορεί­χαλ­κος και χαλκός, αλλά και σαν το ζεστό φως μιας λάμπας.
  • Let­ter­ing: QUANTUM in a wide, geo­met­ric, tech­nic­al typeface that re­calls ma­chines and in­stru­ment panels, and ELEC­TRIC TECH­NO­LO­GIES small, gold and spaced out, like a sig­na­ture.Γράμ­μα­τα: το QUANTUM σε τε­χνι­κή, γε­ω­με­τρι­κή γραμ­μα­το­σει­ρά με φαρδιά γράμ­μα­τα, που θυ­μί­ζει μη­χα­νή­μα­τα και πί­να­κες ορ­γάνων, και το ELECTRIC TECHNOLOGIES μικρό, χρυσό και αραιό, σαν υπο­γρα­φή.
  • Over­all: struc­ture + energy + light. Simple enough to read at small sizes, like a browser icon or a stick­er on an elec­tric­al panel, and dis­tinct­ive enough not to look like a gen­er­ic elec­tri­cian's logo.Συ­νο­λι­κά: δομή + ενέρ­γεια + φως. Απλό ώστε να ανα­γνω­ρί­ζε­ται και σε μικρό μέγε­θος, π.χ. στο ει­κο­νί­διο του browser ή σε αυ­το­κόλ­λη­το πίνακα, και αρκετά ιδιαί­τε­ρο ώστε να μη μοιάζει με «γενικό» λο­γότυ­πο ηλε­κτρο­λόγου.

• Business cardsΕπαγγελματικές κάρτες
  • Front: the gold logo alone on a near-black back­ground, so the com­pany is re­cog­nised first.Μπρο­στι­νή όψη: μόνο το χρυσό λο­γότυ­πο σε σχεδόν μαύρο φόντο, ώστε πρώτα να ανα­γνω­ρί­ζεις την εται­ρεία.
  • Back: com­pany name, tagline and con­tact de­tails with gold icons.Πίσω όψη: επω­νυ­μία, πε­ρι­γρα­φή δρα­στη­ριότη­τας και στοι­χεία επι­κοι­νω­νί­ας με χρυσά ει­κο­νί­δια.
  • The faded logo symbol in the corner ties both sides to­geth­er.Το αχνό σύμ­βο­λο του λο­γότυ­που στη γωνία δένει τις δύο όψεις.