CASE STUDY / WEB & DIGITALNO ISKUSTVO
Creative Solutions
Svaka perspektiva.
Jedno iskustvo.
Fotografija zaustavlja trenutak. Film ga pokreće. Mi smo osmislili web koji povezuje cijelu priču.
Posjetite web
NA MOBITELU POKRENI PREGLED.
IZAZOV
Dobar sadržaj treba
pravu pozornicu.
Kako predstaviti studio koji istovremeno stvara fotografiju, film, dron i 360° sadržaj — a posjetitelju omogućiti da odmah pronađe ono što traži?
Krenuli smo od strukture usluga i puta do upita. Zatim smo povezali prepoznatljiv dizajn, portfelj prilagođen svakom formatu i vlastiti sustav za upravljanje sadržajem.
01 / KONCEPT & ISKUSTVO
Od ideje
do doživljaja.
01 / ZAHTJEV & STRUKTURA
Prvo šira slika.
Zatim svaki detalj.
Jasna struktura prije prvog piksela.
Klijent je tražio web na kojem može predstaviti usluge i realizirane projekte, uz samostalan unos novih radova po kategorijama i podkategorijama usluga. Fotografija, video, dron i 360° sadržaj tražili su jasnu strukturu i prikaz prilagođen pojedinom formatu.
Planirali smo povezivanje projekata i usluga u oba smjera: posjetitelj iz usluge dolazi do primjera rada, a iz projekta do pripadajućih usluga. Struktura je tako povezala korisničko istraživanje sa svakodnevnim uređivanjem portfelja.
- Strategija weba
- Informacijska arhitektura
- Korisnički put
- Plan sadržaja
02 / UX & UI DIZAJN
Vizuali u prvom planu.
Karakter u svakom detalju.
Digitalni prostor s potpisom studija.
Osmislili smo vizualni smjer koji kombinira tamne filmske površine, tople svijetle sekcije i žuti naglasak brenda. Velika tipografija i razigran ritam fotografija daju sadržaju prostor da privuče pogled.
Mega izbornici povezuju usluge i radove, a raspored se prilagođava desktopu i mobitelu. Dizajn vodi prema sadržaju bez skrivanja ključnih informacija.
- Art direction
- Responzivni UX/UI
- Mega izbornici
- Dizajn sustav
03 / FOTOGRAFSKI PORTFELJ
Svaka fotografija
zaslužuje svoj kadar.
Od kategorije do detalja koji ostaje u pamćenju.
Portfelj smo organizirali prema vrsti rada i usluzi: od portreta i proizvoda do arhitekture, događanja i automotive fotografije. Svaki projekt ima vlastitu stranicu, opis i galeriju.
Fotografije se istražuju kroz pregledan raspored, sličice i uvećani prikaz. Povezani radovi i usluge otvaraju prirodan nastavak istraživanja, bez vraćanja na početak.
- Kategorije & filtriranje
- Galerije & lightbox
- Povezane usluge
- Detaljne projektne stranice
02 / SADRŽAJ & INTEGRACIJE
Svaki format.
Prava pozornica.
04 / FILM & YOUTUBE
Pokret koji
nastavlja priču.
Video kao dio portfelja, od prvog do posljednjeg kadra.
Video projektima dali smo prikaz prilagođen pokretnoj slici. YouTube sadržaj ugrađen je u stranicu rada, uz naslov, opis i poveznice prema odgovarajućim uslugama.
Razvili smo automatizaciju za povlačenje videa i pripadajućih opisa i metapodataka s YouTubea. Povezivanje olakšava pripremu sadržaja unutar CMS-a, dok fotografija i film zadržavaju isti dizajnerski jezik uz prikaz prilagođen formatu.
- YouTube integracija
- Povlačenje videa
- Opisi & metapodaci
- Responzivni player
05 / TEHNIČKI IZAZOV: 360°
Nemojte samo gledati.
Zakoračite unutra.
Od prepoznate panorame do interaktivnog istraživanja prostora.
Najveći tehnički izazov bio je automatizirani sustav koji prepoznaje 360° panorame i pretvara ih u 360° virtualne šetnje i interaktivne prikaze. Trebalo je povezati unos specifičnog medija s prikazom koji posjetitelj može istraživati unutar weba.
Rješenje obrađuje tu vrstu sadržaja u sklopu prilagođenog sustava i povezuje je s pripadajućim projektima i uslugama. Automatizacija 360° sadržaja dio je naprednog web razvoja ovog projekta.
- Prepoznavanje 360° panorama
- Automatizacija prikaza
- Virtualne šetnje
- Projekti & usluge
06 / INSTAGRAM & SADRŽAJ
Studio živi dalje.
I izvan portfelja.
Društveni sadržaj uklopljen u vizualni identitet weba.
Instagram smo uključili kao vizualni nastavak priče o studiju. Uz prikaz sadržaja unutar identiteta weba razvijena je automatizacija povlačenja videa i pripadajućih opisa i metapodataka s Instagrama.
Zajedno s YouTube povezivanjem ta funkcionalnost podržava pripremu video sadržaja. Blog i stranice usluga nadopunjuju portfelj: objašnjavaju proces, pokazuju primjene i daju posjetitelju kontekst prije slanja upita.
- Instagram integracija
- Povlačenje videa
- Opisi & metapodaci
- Povezivanje kanala
03 / SUSTAV & ISPORUKA
Snaga
iza kadra.
07 / MR WOLF CMS
Više slobode
iza svakog kadra.
Naš CMS, prilagođen stvarnom radu studija.
Web smo razvili na vlastitom Mr. Wolf CMS-u i prilagodili ga stvarnom radu studija. Klijent samostalno unosi projekte po kategorijama i podkategorijama usluga, uz fotografije, video i 360° sadržaj prema vrsti rada.
Projekti i usluge povezani su u oba smjera. Strukturirani unosi i medijska biblioteka daju kontrolu nad sadržajem, a automatizacije za panorame, Instagram i YouTube proširuju sustav prema posebnim zahtjevima projekta.
- Mr Wolf CMS
- Page Builder & vizualni editor
- Medijska biblioteka
- Usluge ↔ projekti
08 / HR, EN & PRETRAŽIVOST
Dva jezika.
Jedna dosljedna priča.
Sadržaj pripremljen za domaću i međunarodnu publiku.
Hrvatsku i englesku verziju povezali smo kroz modul Jezici. Lokalizirane adrese i navigacija vode posjetitelja kroz isti projekt na jeziku koji mu odgovara.
SEO, GEO i AEO pripremu ugradili smo u strukturu: smisleni naslovi, opisi, ALT tekstovi, povezani sadržaj, canonical i hreflang oznake, sitemapovi i strukturirani podaci. Temelj je jasan sadržaj koji razumiju i ljudi i sustavi pretraživanja.
- Hrvatski & engleski
- Canonical & hreflang
- Strukturirani podaci
- SEO / GEO / AEO
09 / ISPORUKA & POČETNI REZULTAT
Ideja je dobila
svoj digitalni dom.
Napredni web, samostalan unos i prvi upiti.
Laravel i PHP čine temelj aplikacije, uz MySQL bazu podataka. HTML, CSS i JavaScript povezuju responzivni izgled, interakcije i prikaz medija. Završna provjera obuhvatila je sadržaj, navigaciju, kontaktne putove i prikaz na različitim uređajima.
Rezultat je napredni web koji povezuje usluge i portfelj sa samostalnim unosom te prilagođenim automatizacijama za 360° sadržaj i video.
Prema informaciji vlasnika Mixed Medije, klijent je već u prvom tjednu dobio tri upita zahvaljujući novoj stranici. Taj početni podatak nije neovisno provjereno mjerenje; izvor prometa i daljnji ishod upita nisu potvrđeni.
- Laravel / PHP / MySQL
- HTML5 / CSS3 / JavaScript
- Responzivna izvedba
- Sadržaj, provjera & lansiranje
CIJELA PRIČA. POVEZANA.
Jedan studio.
Više perspektiva.
Jedan snažan web.
Od prvog plana do javno dostupnog weba: povezali smo vizualni identitet, različite formate sadržaja i vlastitu tehnologiju u iskustvo koje pripada Creative Solutionsu.
Povežimo je u cjelinu.