SAŽETAK

HOOH Media, renomirana digitalna agencija, angažirala je naš tim za razvoj potpuno nove web stranice. Cilj projekta bio je stvoriti moderno, responsivno online iskustvo koje će prikazivati njihov portfelj, usluge, te olakšati kontakt s potencijalnim klijentima. HOOH Media tražila je vizualno privlačnu, funkcionalnu platformu koja odražava njihovu kreativnost i profesionalnost.

KONCEPT

Za ovaj projekt, glavni cilj bio je izgraditi web stranicu koja će omogućiti jednostavan pregled HOOH Media usluga i portfelja, dok istovremeno omogućava posjetiteljima jednostavnu interakciju i kontakt. Koncept se temeljio na jednostavnosti, brzini i modernom dizajnu, uz fokus na UX (korisničko iskustvo). Stranica je trebala biti intuitivna, s jasnim pozivima na akciju (CTAs), i s optimizacijom za sve uređaje.

Kreativna smjernica: Minimalistički dizajn s naglaskom na slike i video materijale koji prikazuju rad agencije. Koristili smo paletu boja koja se slaže s identitetom brenda, te tipografiju koja je čista i jednostavna za čitanje.

TEHNOLOGIJE

Projekt je izgrađen pomoću sljedećih tehnologija:

• Backend: Laravel – fleksibilan PHP framework koji omogućava brzu i sigurnu izradu backend sustava.

• Frontend: HTML5, CSS3, JavaScript – korištenje čistog koda za maksimalnu kontrolu nad dizajnom i funkcionalnostima.

• CSS Framework: Tailwind CSS – za brzi razvoj responsivnih dizajna.

• JavaScript: Alpine.js – korišten za dodavanje interaktivnih elemenata, poput animacija, dinamičkih prijelaza i interaktivnih formi.

• SEO Optimizacija: Korištenje najboljih praksi za SEO optimizaciju kako bi stranica postigla visoke rezultate u pretraživačima.

• CMS: Custom CMS – omogućili smo HOOH Media jednostavno upravljanje sadržajem putem prilagođenog CMS sustava.

STRATEGIJA

Strategija je obuhvatila nekoliko ključnih aspekata:

1. Korisničko iskustvo (UX): Cilj je bio stvoriti jednostavan, brz i intuitivan dizajn s jasnim navigacijskim putovima.

2. Optimizacija za mobilne uređaje: Osigurali smo da stranica bude potpuno responsivna i funkcionalna na svim uređajima, s naglaskom na mobilne korisnike.

3. SEO optimizacija: Implementirali smo SEO tehnike za bolju vidljivost na Google-u i povećanje organskog prometa. Korištenje ključnih riječi vezanih uz digitalni marketing, web dizajn, i razvoj.

4. Konverzijski ciljevi: Postavili smo jasne ciljeve konverzije, poput povećanja broja upita preko kontakt forme.

BRAINSTORMING

Brainstorming je bio ključni dio procesa. Početni sastanci s HOOH Media timom usmjereni su na razumijevanje njihovih ciljeva, vizije i zahtjeva za web stranicu. Započeli smo s nekoliko ideja:

• Fokus na vizualnu privlačnost: Budući da je HOOH Media kreativna agencija, željeli smo napraviti stranicu koja odražava njihovu inovativnost i dizajnerski pristup.

• Interaktivnost i Animacije: Razmotrili smo mogućnosti za interaktivne animacije koje bi posjetiteljima pružile dinamično iskustvo, ali u isto vrijeme ne opterećivale brzinu učitavanja stranice.

• Minimalizam vs. Funkcionalnost: Razgovarali smo o ravnoteži između minimalističkog dizajna i bogatih funkcionalnosti koje su potrebne za uspješno poslovanje HOOH Media.

Nakon nekoliko faza brainstorminga, odlučili smo se za jednostavan, ali sofisticiran dizajn koji bi omogućio brzu navigaciju, dok bi istovremeno davao dovoljno prostora za prikazivanje kreativnog rada agencije.