გამოწვევა
შეკვეთით დამზადებულ ავეჯს ფასების სია არ აქვს. ადამიანი წინა ნამუშევრებს უყურებს და მასალასა და დამუშავებას აფასებს. საიტს ეს ნამუშევრები ნებისმიერ ეკრანზე ახლოდან უნდა ეჩვენებინა, „ასეთი რამ მინდა“ კი მოთხოვნად ექცია ისე, რომ ვიზიტორს თავიდან აღწერა არ დასჭირვებოდა.
მიდგომა
კოლექცია ოთახების მიხედვით იფილტრება, ყველა ბარათზე კი წერია მასალა, ზომა, დამზადების ვადა და დასრულების თვე. ფოტო ბრაუზერის საკუთარ სრულეკრანიან გალერეაში იხსნება კლავიატურით, გასრიალებითა და მინიატიურებით. ნამუშევრის ისარი საკონტაქტო ფორმას უკვე არჩეული ნამუშევრით ხსნის. ფორმა სერვერზე მოწმდება, აქვს ხაფანგი ბოტებისთვის და გაგზავნის ლიმიტი, ჟურნალში კი პერსონალური მონაცემები დაფარულია. ქართული ტექსტი Mark GEO შრიფტითაა, რომლის თითო წონა რამდენიმე კილობაიტამდეა შემცირებული, ინგლისური გვერდები კი ქართულ შრიფტს საერთოდ არ ტვირთავს. ყველა გვერდი საკუთარ Content-Security-Policy nonce-ს იღებს, რუკა OpenStreetMap-ისაა თვალთვალის ქუქიების გარეშე, ანიმაციები კი ითიშება მათთვის, ვისაც შემცირებული მოძრაობა აქვს არჩეული.
შესრულებული სამუშაო
- მუხის, თეთრი და მუქი ლურჯის დიზაინ-სისტემა Mark GEO და Inter Tight შრიფტებით
- მთავარი გვერდი სრულეკრანიანი ჰერო-ბლოკით, ციფრებით, კოლექციებითა და გუნდით
- კოლექციის გვერდი ოთახების ფილტრით და სრულეკრანიანი გალერეით
- „ჩვენ შესახებ“ გვერდი სახელოსნოს ისტორიით, 4-ნაბიჯიანი პროცესით, მასალებითა და გარანტიით
- საკონტაქტო გვერდი წინასწარ შევსებული ფორმით, WhatsApp-ით, ტელეფონით და OpenStreetMap-ის რუკით
- anime.js-ის ანიმაციები და ბარათების hover-ეფექტები, Lenis-ის რბილი სქროლი
- hreflang, sitemap და JSON-LD (FurnitureStore)
- დაცული კონტეინერი: მხოლოდ წასაკითხი ფაილური სისტემა, root-ის გარეშე, მკაცრი უსაფრთხოების ჰედერები
შედეგი
მოქმედი დემო, რომელსაც ნებისმიერი გახსნის: გაფილტრავს ნამუშევრებს ოთახების მიხედვით, გადაათვალიერებს გალერეას და კონკრეტულ ნამუშევარზე მოთხოვნას გააგზავნის. სახელოსნო, გუნდი, კონტაქტები და ციფრები გამოგონილია.
ვებსაიტის ნაცვლად შიდა ინსტრუმენტი გჭირდებათ? დაშბორდები და პორტალები დეტალურად.