v0.1-alpha-testing

აირჩიეთ რომელი მოგწონთ ორი ფინალური ვარიანტიდან

ქართული ფლეიბექ თეატრის ცენტრი

საიტის ფილოსოფია

„თეატრის დარბაზში ხარ" - საიტი მიბაძავს ფლეიბექ თეატრის წარმოდგენის ატმოსფეროს. ეს არ არის საინფორმაციო პორტალი - ეს არის გამოცდილება.

მუქი პალიტრა თეატრის მეტაფორა: დარბაზში შუქი ჩაქრობილია, ყურადღება სცენაზეა. Light mode არ არსებობს.
Full-page სექციები ერთი გზავნილი = ერთი სივრცე. Scroll-ით გადასვლა მოქმედებს, როგორც სცენის ცვლილება.
22px მინიმალური ფონტი „საუბრობენ შენთან" შეგრძნება - ინტიმური, არა დოკუმენტური.
მინიმალური CTA-ები ეს არ არის landing page - ეს არის ისტორია, რომელსაც ბოლოში მოქმედება მოყვება.

სექციების მიმდევრობა - AIDA

სექციები გადალაგებულია AIDA პრინციპით (Attention → Interest → Desire → Action) - ჯერ ყურადღება, მერე ინტერესი, მერე სურვილი, მერე მოქმედება.

Attention Hero - ემოციური პირველი დარტყმა
Interest What + How - რა არის და როგორ მუშაობს
Desire Impressions → Founder → Team → Gallery - ნდობა, ემოცია, ვიზუალი
Action Performance → Donation → Organizations → Courses - მოქმედება

ცისიას ხმა საიტზე

ცისია ჩოლოყაშვილი, თანადამფუძნებელი, საიტზე რამდენჯერმე ჩნდება - და ეს განზრახია. ის არ არის „ციტატა გვერდის გასალამაზებლად". ცისია მიყვება თავის ამბავს: ჯერ ხსნის რატომ გადაწყვიტა ამ თეატრის შექმნა (Impressions), მერე ყვება ცენტრის ისტორიას (Founder), და ბოლოს აღწერს რა ხდება ყოველ წარმოდგენაზე (Team). მკითხველი თანდათან იცნობს ადამიანს, რომელიც ამ ყველაფრის უკან დგას.

Cinematic
„სიჩუმე და ფოკუსი"

ერთიანი მუქი ფონი მთელი საიტის მანძილზე. როგორც კინოთეატრის დარბაზი - ყველგან ერთნაირი სიბნელე, შუქი მხოლოდ კონტენტზეა. ტექსტი „ცურავს" სიბნელეში, ფოტოები მკვეთრად გამოიკვეთება.

ერთიანი მუქი ფონი მინიმალისტური ფოტო-ფოკუსი კინემატოგრაფიული
სინემატიკის ნახვა →
Theatrical
„ტემპერატურის მოგზაურობა"

ფონის ფერი იცვლება სექციიდან სექციაზე - ღრმა სიბნელიდან თანდათან თბება და ისევ ბრუნდება. Spotlight ეფექტით, თითქოს სცენის პროჟექტორიდან მოდის სინათლე. საიტს თავად აქვს დრამატურგია.

ფერის მოგზაურობა Spotlight ეფექტი დრამატურგიული ემოციური რკალი
თეატრალურის ნახვა →

რა არის საერთო ორივე ვარიანტში

ბილინგვური (ქართულ-ინგლისური)
მხოლოდ მუქი რეჟიმი - თეატრის მეტაფორა
Full-page სექციები (100vh)
ცისიას ტექსტი ვერბატიმ
25 ფოტოს გალერეა + Lightbox
მობილურზე ადაპტირებული
ეთიკის კოდექსი აკორდეონით
ნავიგაცია scroll-ზე ჩნდება
კონტაქტი = საბოლოო სექცია
ერთი ფაილი - CSS/JS inline

სად განსხვავდებიან

ელემენტი Cinematic Theatrical
ფონი ერთიანი მუქი (#0a0805) ფერი იცვლება სექციიდან სექციაზე
ანიმაცია Fade-in scroll-ზე Spotlight + fade-in
გალერეა 3x3 (9 ფოტო), შემდეგ „მეტის ნახვა" Grid ფორმატი
შთაბეჭდილებები Carousel-ის სტილი ცალკე სექციები spotlight-ით
შეგრძნება კინემატოგრაფიული, სტატიკური თეატრალური, დინამიური