Emporia Collection web stranica prikazana na desktop pregledniku i mobilnom telefonu

Jedna adresa za dva hotela

Emporia Collection nije hotel, nego okvir za dva hotela. Emporia Wine & Dine smješten je među vinogradima Hercegovine, a Hotel Bulevar by Emporia nalazi se u centru Mostara, nekoliko minuta od Starog mosta.

Zadatak je bio napraviti jednu adresu koja predstavlja zajedničku filozofiju kolekcije — „essence over excess“ — i posjetioca bez lutanja uputi na hotel koji traži.

Početni ekran emporia.ba sa podijeljenim prikazom Hotela Bulevar i Emporia hotela

Odluka u jednom pogledu

Umjesto klasične naslovne stranice sa menijem, ekran je podijeljen na dvije jednake polovine. Svaka ima vlastiti video u pozadini, logo, podnaslov i jedno dugme koje vodi na web stranicu tog hotela.

Izbor je sveden na jedno pitanje: urbani odmor u gradu ili mir vinograda. Sve ostalo — priča o kolekciji i izbor jezika — dostupno je, ali ne stoji na putu.

Preloader emporia.ba sa amblemom kolekcije na desktopu i mobilnom telefonu

Tamno, toplo i filmski

Tamna paleta, topli zlatni sjaj i serifna tipografija Cormorant Garamond u kombinaciji sa Inter fontom nose osjećaj butik hotelijerstva.

Preloader prikazuje amblem kolekcije, a zatim ga glatko prenosi na njegovo mjesto u hero sekciji. Tranzicija je napravljena ručno, FLIP tehnikom, bez animacijske biblioteke.

Modalni prozor About our hotels sa pričom o Emporia kolekciji

Priča i jezici bez napuštanja ekrana

Modalni prozor „About our hotels“ predstavlja kolekciju i razliku između dvije destinacije. Zatvara se tipkom Escape ili klikom izvan sadržaja, a fokus se vraća na element koji ga je otvorio.

Birač jezika nudi engleski, bosanski, španski, francuski i italijanski.

Tri mobilna ekrana emporia.ba: preloader, Hotel Bulevar i Emporia hotel

Dvije polovine, jedan ekran po destinaciji

Na desktopu se destinacije prikazuju jedna uz drugu, a na telefonu se slažu vertikalno, tako da svaka dobija cijeli ekran i vlastiti poziv na akciju.

Pozadinski videi pauziraju se čim izađu iz vidnog polja, što rasterećuje procesor na mobilnim uređajima. Kada je u sistemu uključeno smanjeno kretanje, preloader se skraćuje, a animacije preskaču.

Detalj tipografije: logotip Emporia Boutique Collection u hero sekciji

Krovna stranica koja vodi dalje

Rezultat je jedna jasna ulazna tačka za cijelu kolekciju, koja istovremeno služi kao most prema dva zasebna web projekta — emporiahotel.ba i bulevaremporia.com.