Velike fotografije so povezane z glavnimi razdelki in ustvarijo močan prvi vtis.
Case study - Portfolio
Tyasha Alion - avtorski portfolio in Alion Institute
Primer podatkovno vodene avtorske spletne predstavitve: umetniški portfolio, hero slider, blog, video, knjiga, Alion Institute, slike, SEO in urejevalnik.
Nazaj na reference
Kdo je stranka
Kaj smo naredili
Tyasha Alion / Alion Institute
Tyasha Alion je multidisciplinarna umetnica, plesalka, vizualna ustvarjalka, avtorica, animal death doula, aktivistka za pravice živali in ustanoviteljica Alion Institute. Njena spletna stran predstavlja plesni in umetniški portfolio, video oziroma glasbene vsebine, blog, knjigo Too Authentic, inštitut ter širše poslanstvo za živali, naravo in avtentično ustvarjanje.
Obišči spletno stranZa Tyasho Alion smo pripravili podatkovno vodeno avtorsko spletno predstavitev, ki povezuje umetniški portfolio, video, blog, knjigo in Alion Institute.
Stran ni navadna vizitka, ampak osebni umetniški prostor z zelo izrazito identiteto: črna podlaga, zlati poudarki, krožni znak, velike fotografije in vsebine, ki obiskovalca vodijo skozi ples, vizualno umetnost, glasbo, pisanje, delo z živalmi in poslanstvo inštituta.
Projekt je narejen tako, da se glavni sklopi, slike, besedila in podrobnejše vsebinske objave ne urejajo ročno v kodi. Javni del se sestavlja iz podatkov, zato lahko naročnica dodaja nove strani, portfolijske vnose, blog zapise, galerijske bloke in večplastne predstavitve brez posega v osnovno zasnovo.
Javna stran
Vstopna stran deluje kot vizualni uvod v celoten umetniški svet Tyashe Alion.
Na vrhu je prepoznaven znak, glavna navigacija in velik slikovni slider. Slider ni statična dekoracija: iz njega se obiskovalec premakne neposredno v glavne vsebinske sklope, kot so About, Dance, Art, Videos, My Institute, Death Doula, My Book in Blog.
Pod hero delom stran predstavi tri osnovne smeri: umetniško pot, aktivizem za živali in pripovedovanje skozi blog, video ter knjigo Too Authentic: 25 Years of Not Fitting In. S tem stran takoj pokaže, da gre za širši avtorski projekt, ne samo za klasičen portfolio.
Meni se gradi iz urejenih strani, zato se javni del prilagaja dodanim vsebinskim sklopom.
Krožni TA znak, črna podlaga in zlate barve držijo stran vizualno enotno.
Stran združuje ples, likovno ustvarjanje, video, glasbo, pisanje in osebno zgodbo.
Alion Institute in delo za živali sta predstavljena kot del širše umetniške in etične smeri.
Kontakt, YouTube in Facebook so vključeni v nogo strani skupaj z vsebinskimi bližnjicami.
Podatkovna vsebina
Glavni razdelki niso fiksno zapisani, ampak se nalagajo iz urejenih podatkov.
To je pomembno pri avtorski strani, kjer se vsebina sčasoma spreminja. Ko se doda nova tema, nova portfolijska serija, nov zapis ali nova fotografija, se javni prikaz prilagodi obstoječi strukturi.
Vsak glavni razdelek ima naslov, opis, uvodno besedilo, sliko in svoje metapodatke.
Pod stranmi so lahko portfolijski zapisi, blog vnosi, predstavitve ali galerijski sklopi.
Posamezna vsebina ima lahko dodatne bloke z naslovom, besedilom, sliko in opisom slike.
Slike se lahko prikažejo levo, desno, zgoraj ali spodaj glede na vsebinski poudarek.
Urejanje zaporedja omogoča, da se javni prikaz ne lomi, ko se vsebina dopolnjuje.
Naslovi in opisi strani so pripravljeni za boljše razumevanje vsebin v iskalnikih.
Portfolijski prikaz pokriva
- plesne in performativne vsebine z močnimi fotografijami
- vizualno umetnost in avtorsko ustvarjanje
- video oziroma glasbene projekte in zunanje platforme
- blog zapise, osebne refleksije in aktualne objave
- knjigo Too Authentic z ločenim predstavitvenim sklopom
- Alion Institute in vsebine, povezane z živalmi ter poslanstvom
Portfolio in objave
Za različne tipe vsebin smo uporabili skupno logiko, ki ostane dovolj prožna za umetniški material.
Portfolijska stran potrebuje več svobode kot klasična poslovna predstavitev. En zapis je lahko kratek vizualni poudarek, drugi daljši tekst z dodatnimi slikami, tretji pa uvod v video, knjigo ali blog objavo.
Zato je vsebinska struktura sestavljena iz več ravni: glavna stran, seznam povezanih vsebin in podrobni bloki posamezne vsebine. Urednik lahko tako gradi daljše zgodbe brez vsakič nove tehnične postavitve.
Slike in mediji
Ker je stran izrazito vizualna, je veliko dela v pravilni pripravi slik, razmerij in hitrosti nalaganja.
Projekt uporablja programsko pripravo slik za različne prikaze: velike hero fotografije, kvadratne kartice, vsebinske slike in pomanjšave. Slike se po potrebi obdelajo v ustrezno velikost in se nato uporabijo v javnem prikazu, kar pomaga pri hitrosti in enotnem videzu strani.
Pri posameznih vsebinskih blokih so podprti tudi opisi slik. To je uporabno pri portfoliju, ker fotografija pogosto ni samo dekoracija, ampak del zgodbe, nastopa, umetniškega dela ali dogodka.
Hero fotografije so pripravljene za širok prikaz čez celotno širino strani.
Seznami vsebin uporabljajo enotne kartice, da je stran pregledna.
Podrobne strani lahko kombinirajo besedilo in slike v več razporeditvah.
Podprti so napisi pod slikami, kadar je kontekst pomemben.
Prikaz uporablja pripravljene velikosti, da se ne nalagajo nepotrebno velike slike.
Postavitev se prilagodi manjšim zaslonom, kjer slike in besedilo stečejo v en stolpec.
Administracija
Urejevalnik je zasnovan okoli realnega načina dela: strani, vsebine, slike, bogato besedilo in povezani bloki.
Za naročnico je ključno, da lahko sama posodablja vsebino, brez ročnega odpiranja datotek ali kopiranja oblikovanja. Urejevalnik zato pokriva glavne gradnike, ki jih javna stran uporablja pri prikazu.
- 01
Urejanje glavnih strani
V urejevalniku se urejajo naslovi, opisi, besedila, slike, metapodatki in vrstni red glavnih razdelkov.
- 02
Povezane vsebine
Vsaka glavna stran lahko vsebuje povezane zapise, kar omogoča portfolijske sezname, blog objave in tematske sklope.
- 03
Večdelni vsebinski bloki
Podrobne objave se lahko razširijo z dodatnimi naslovi, besedili, slikami, opisi slik in postavitvijo slike.
- 04
Nalaganje datotek
Urejevalnik podpira dodajanje slik za strani in vsebinske zapise, javni del pa jih prikaže v ustreznih velikostih.
- 05
Vizualni urejevalnik besedila
Daljša besedila se urejajo kot oblikovana vsebina, zato lahko stran vsebuje odstavke, poudarke, povezave in bogatejšo strukturo.
Kaj projekt pokaže
Tyasha Alion je primer osebne umetniške strani, kjer morata tehnologija in urejanje ostati v ozadju, vsebina pa mora imeti prostor.
Največja vrednost projekta je v tem, da lahko izrazito osebna, vizualna in vsebinsko raznolika predstavitev ostane urejena. Stran podpira portfolijske vsebine, blog, knjigo, video, inštitut, živalsko poslanstvo in kontakt, ne da bi bilo treba vsako novo objavo posebej programirati.
Rezultat našega dela
- podatkovno vodena avtorska spletna stran z izrazito vizualno identiteto
- dinamična navigacija in hero slider iz glavnih vsebinskih sklopov
- portfolio za ples, umetnost, video, knjigo, blog in Alion Institute
- podrobne vsebine z več bloki, slikami, opisi in prilagodljivo postavitvijo
- programska priprava slik za hero, kartice, vsebinske slike in hitrejše nalaganje
- urejevalnik za strani, vsebine, slike, metapodatke, vrstni red in bogato besedilo