Reljefiniai paveikslai, kuriuos matai tikru dydžiu ir iš arti.
Kuriama reljefinių paveikslų galerija: kolekcija kabo tikru santykiniu dydžiu, o WooCommerce veikia kaip katalogas su užklausomis.
- Klientas
- Dzenovagis Art
- Veiklos sritis
- Menas ir galerijos
- Projekto sritys
- UX/UI dizainas
- Programavimas
- Produktų katalogas
PROJEKTO VAIZDAI
Slinkite arba naudokite rodykles
01 / 03Įžanga: šviesa atskleidžia reljefą
PROBLEMA
Ekrane parodyti tai, kas svarbiausia: faktūrą ir tikrą dydį.
Reljefinio paveikslo vertė matosi potėpyje ir šešėlyje, o tinkamumas sienai priklauso nuo dydžio. Įprastoje galerijoje visos nuotraukos vienodo dydžio ir plokščios, todėl lankytojas nepajunta nei reljefo, nei mastelio.
SPRENDIMAS
Šviesa atskleidžia reljefą, o siena rodo tikrą mastelį.
Svetainė prasideda tamsia studija, kurioje pelė veikia kaip lempa: šviesa slysta paviršiumi ir parodo potėpį. Kolekcijoje kūriniai kabo tikru santykiniu dydžiu vienoje akių aukščio linijoje, o kūrinio puslapyje veikia lupa ir sienos vizualizacija.
KĄ PADARĖME
- Individuali WordPress tema, veikianti be JavaScript bibliotekų
- WebGL įžanga: šviesa seka pelę ir atskleidžia reljefą
- Kolekcija tikru santykiniu dydžiu su muziejinėmis etiketėmis
- Filtrai pagal spalvą, „tik laisvi“ ir rodinys siena arba sąrašas
- Kūrinio puslapis su lupa, matmenimis ir sienos vizualizacija
- Individualaus užsakymo konfigūratorius su masteliu prie sofos
- Atrinktų kūrinių užklausa; kiekviena išsaugoma svetainėje
- WooCommerce katalogo režimas: kainos matomos, pirkimas išjungtas
REZULTATAS
Svetainė veikia testinėje aplinkoje su 11 kūrinių.
Galerijos siena, kūrinių puslapiai, individualaus užsakymo konfigūratorius ir užklausos jau suderinti: kainos matomos, parduoti darbai pažymėti, o pirkimas išjungtas. Toliau ruošiami galutiniai aprašymai ir viešas paleidimas.
TECHNOLOGIJOS
- WordPress
- WooCommerce
- WebGL
- View Transitions
- PHP
- Schema.org