NOVAERA, კლინიკის კონცეპტუალური საიტი

ვაჩვენოთ, როგორ შეუძლია რეპროდუქციული მედიცინის კლინიკას მშვიდად და გასაგებად ახსნას მომსახურება, გუნდი და მკურნალობის ყოველი ეტაპი, რათა პაციენტმა პროცესი პირველ კონსულტაციამდე გაიგოს.

კონცეპტი · არა კლიენტის პროექტიჯანდაცვა
ტიპიკონცეპტი · არა კლიენტის პროექტი
ინდუსტრიაჯანდაცვა
სამუშაოს ტიპივებ-დეველოპმენტი
კონცეპტის შესახებ

ინდუსტრია: ჯანდაცვა, რეპროდუქციული მედიცინა (გამოგონილი კლინიკა)

სამუშაოს ტიპი: კონცეპტუალური პროექტი, კლინიკის ვებსაიტი

იდეა: კლინიკა, რომლისთვისაც სიცხადე მკურნალობის ნაწილია: ერთი სამედიცინო გუნდი, ერთი წერილობითი გეგმა და ყოველი ეტაპი, ახსნილი მანამდე, სანამ მოხდება. საიტი იმავე იდეას მიჰყვება. მომსახურება, პაციენტის გზა და სამედიცინო გუნდი მარტივი ენითაა ახსნილი, დაპირებებისა და წარმატების მაჩვენებლების გარეშე.

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

ანიმაცია: მოძრაობა ფოკუსის იდეას მიჰყვება. შესავალი ხატავს ბადეს და ხსნის პირველ ეკრანს; ლინზა კურსორს მიჰყვება; ბადე სექციებს შორის გადაადგილდება და შემდეგ ფოტოს ხსნის; მომსახურება და პაციენტის გზა დამაგრებული სექციებია; გვერდები გადაფარვით იცვლება, პორტრეტები კი გუნდის სიიდან პროფილებში გადადის. მათთვის, ვინც მოძრაობას ამცირებს, ანიმაციის გარეშე ვერსიაა გათვალისწინებული.

ტექნიკური რეალიზაცია: Next.js (App Router, სტატიკური ექსპორტი), React, TypeScript, GSAP (ScrollTrigger, SplitText, Flip), Lenis. 20 გვერდი: 6 მომსახურება, პაციენტის გზა 6 ეტაპად, ექიმების 4 პროფილი სერტიფიკატების ნიმუშებით ლაითბოქსში, გუნდის ფილტრი, 3 სტატია, FAQ; კონსულტაციის დემო-ფორმა, რომელიც არაფერს აგზავნის; შემოწმებულია Playwright-ითა და axe-ით; საიტი ინდექსაციისგან დახურულია.

ტექნოლოგიები: Next.js, React, TypeScript, GSAP, Lenis, CSS

შენიშვნა: გამოგონილი კლინიკა, შექმნილია INVARQO-ს მიდგომის საჩვენებლად. ექიმების პროფილები, სერტიფიკატები და მომსახურება საილუსტრაციოა; რეალური ექიმები, პაციენტები, ფასები და შედეგები არ არსებობს. ფოტოები თავისუფალი ლიცენზიითაა (CC0), ავტორები საიტზეა მითითებული.

დაკავშირებული სერვისი

ვებ-დეველოპმენტი

ვებსაიტების შექმნა CMS-ზე, კონსტრუქტორებსა და ინდივიდუალურ ტექნოლოგიებზე.

სერვისის ნახვა

შემდეგი პროექტი