VACUPOWER INVEST WEBSITE UI/UX DESIGN

ΑΠΟ ΤΟ “ΓΙΑΤΙ” ΣΤΟ ΑΠΟΤΕΛΕΣΜΑ

Για το νέο website της Vacupower Invest ξεκινήσαμε σκεπτόμενοι και πράττοντας στρατηγικά. Δώσαμε έμφαση στο «Γιατί» και έπειτα προχωρήσαμε στο «Πώς».

01. PROCESS

Ξεκινήσαμε με εκτενή marketing έρευνα: αναλύσαμε την αγορά, τον ανταγωνισμό, τους χρήστες και τους στόχους, ώστε να διαμορφώσουμε στη συνέχεια το sitemap και το content structure.

Ακολούθησε η δημιουργία όλου του περιεχομένου, από τις βασικές σελίδες έως τα micro-copy του UI, με πλήρη αντιστοίχιση σε κάθε ενότητα του sitemap.

Από τα wireframes μέχρι το τελικό layout, σχεδιάσαμε from scratch ένα πλήρως custom branded UI. Ειδικά για το Vacupower Invest, δημιουργήσαμε μια σειρά από custom motion graphics elements, που αποτελούν κομβικό μέρος της οπτικής ταυτότητας του brand.

Τα στοιχεία αυτά ενσωματώνονται σε όλο το εύρος του digital marketing strategy, από το website έως τα social media, προσφέροντας συνοχή και δυναμική εμπειρία σε κάθε σημείο επαφής.

ΟΤΑΝ Η ΚΝΙΗΣΗ ΑΦΗΓΕΙΤΑΙ ΙΣΤΟΡΙΑ

custom motion graphics that define the vacupower invest identity.

02. RESULT

Το τελικό αποτέλεσμα:

ένα γρήγορο, τεχνικά άρτιο και SEO-optimized website, σχεδιασμένο να υποστηρίζει τα πολλαπλά customer journeys που έχουμε προσχεδιάσει και να μετατρέπει τους στόχους όπως ορίζονται από το Digital Marketing Strategy που προηγήθηκε.

.hs-wrapper { display: flex; overflow-x: hidden; scroll-behavior: smooth; } .hs-item { flex-shrink: 0!important; } .hs-wrapper { position: relative; } .hs-wrapper { scroll-snap-type: x mandatory; } .hs-item { scroll-snap-align: start; } .hs-prev, .hs-next { cursor: pointer; transition: opacity 0.25s ease; } document.addEventListener("DOMContentLoaded", function () { const wrapper = document.querySelector(".hs-wrapper"); const prev = document.querySelector(".hs-prev"); const next = document.querySelector(".hs-next"); function updateArrows() { const scrollLeft = wrapper.scrollLeft; const maxScroll = wrapper.scrollWidth - wrapper.clientWidth; // Hide prev at start if (scrollLeft = maxScroll - 5) { next.style.opacity = "0"; next.style.pointerEvents = "none"; } else { next.style.opacity = "1"; next.style.pointerEvents = "auto"; } } // Arrow clicks const scrollAmount = window.innerWidth * 0.9; next.addEventListener("click", () => { wrapper.scrollBy({ left: scrollAmount, behavior: "smooth" }); }); prev.addEventListener("click", () => { wrapper.scrollBy({ left: -scrollAmount, behavior: "smooth" }); }); // Update on scroll & resize wrapper.addEventListener("scroll", updateArrows); window.addEventListener("resize", updateArrows); // Initial state updateArrows(); });

ΔΕΙΤΕ ΤΟ ΝΕΟ SITE

Έχετε επιχείρηση και χρειάζεστε ένα νέο website που δεν είναι απλώς “όμορφο”, αλλά βασίζεται σε ένα ολιστικό Digital Marketing Strategy

Ένα website που αποτελεί γόνιμο περιβάλλον για την επίτευξη επιχειρηματικών στόχων, μέσα από σωστά σχεδιασμένα customer journeys;

Επικοινωνηστε μαζι μας σημερα και ας σχεδιασουμε μαζι το επομενο βημα της ψηφιακης σας παρουσιας.