PROJECT

Ανάπτυξη προσαρμοσμένου πρότυπου WordPress από παρεχόμενο σχέδιο για την ιστοσελίδα Noccela

Ανάπτυξη πρότυπου WordPress, Υλοποίηση κινούμενων εφέ στο frontend, Ανάπτυξη ανταποκρινόμενης διάταξης, Ρύθμιση πάνελ διαχειριστή, Ενσωμάτωση οπτικών εφέ και μεταβάσεων

  • Βιομηχανία: Μέσα και επικοινωνίες
  • Λετονία Τοποθεσία: Λετονία
  • Χρόνος παράδοσης: 2 εβδομάδες
  • Τεχνολογίες: WordPress, HTML
  • Αξιολόγηση: 5/5
1 μήνας

Επισκόπηση έργου

Η 2410 είχε ανατεθεί από τη Lighthouse Media να αναπτύξει ένα θέμα WordPress βασισμένο σε λεπτομερές σχέδιο Adobe Illustrator (AI) για την εταιρική ιστοσελίδα της Noccela.

Το έργο περιλάμβανε το κόψιμο και την κωδικοποίηση ενός ανταποκρινόμενου, ανιμμένου frontend που ενσωματώνει διάφορα πολύπλοκα οπτικά στοιχεία, όπως προσαρμοσμένα sliders, κινούμενα υπόβαθρα, διαδραστικά UI στοιχεία, και λογική προσαρμοσμένων προσθηκών.

Μία κύρια απαίτηση ήταν η δυνατότητα διαχείρισης περιεχομένου μέσω ενός πίνακα διαχείρισης για μελλοντικές ενημερώσεις. Το έργο διαιρέθηκε σε φάσεις για να ευθυγραμμιστεί με τον προϋπολογισμό του πελάτη και περιλάμβανε διαπραγματεύσεις για την απλοποίηση χαρακτηριστικών όπου ήταν απαραίτητο για να μείνει εντός του εύρους.

Η συνεργασία ήταν θετική και προσανατολισμένη στη λύση. Παρόλο που το εύρος επεκτάθηκε από τις αρχικές προσδοκίες, και οι δύο πλευρές προσαρμόσαν τα χρονοδιαγράμματα και τα παραδοτέα για να ανταποκριθούν στον προϋπολογισμό. Η Lighthouse Media εκτίμησε την ευελιξία, τη διαφάνεια και τη δέσμευση της 2410 για την παροχή ενός προϊόντος που ταυτίζεται με το σχεδιαστικό όραμα και τις λειτουργικές ανάγκες τους. Το έργο επιβεβαίωσε τη δυνατότητα μακροπρόθεσμης συνεργασίας.

- Zigmars, Lighthouse Media

Κύρια χαρακτηριστικά που παραδόθηκαν

  • 11 μοναδικά πρότυπα σελίδων που ανταποκρίνονται
  • Προσαρμοσμένη αρχική σελίδα με κινούμενα υπόβαθρα και Slick slider
  • Ενότητα εφαρμογών με διαδραστικές κάρτες και δυνατότητα λήψης
  • Ενότητα ειδήσεων με κοινωνική κοινοποίηση και σχετικό περιεχόμενο
  • Σελίδες 'Σχετικά' και 'Επικοινωνία' με λεπτομερές ματθετικό
  • Ενότητες Κατηγορίας και Τεχνολογίας με υποσελίδες
  • Πίνακας διαχείρισης για επεξεργασία περιεχομένου
  • Σχεδιασμός προσαρμοσμένων φορμών μέσω Contact Form 7 και CSS
  • Απλοποιημένος χάρτης SVG με οπτικά εφέ
  • Πλοήγηση και κινούμενα εφέ βελτιστοποιημένα για κινητά

Στιγμιότυπα οθόνης

Διάταξη αρχικής σελίδας με κορυφαία πλοήγηση, sliders, και κινούμενα υπόβαθρα

Διάταξη αρχικής σελίδας με κορυφαία πλοήγηση, sliders, και κινούμενα υπόβαθρα

Σελίδα εφαρμογών με διαδραστικές κάρτες και κατηγορίες

Σελίδα εφαρμογών με διαδραστικές κάρτες και κατηγορίες

Τεχνολογικό σύνολο

WordPress HTML CSS JavaScript Slick Slider MaterializeCSS Contact Form 7 Προσαρμοσμένο CSS