IZMENI SOZNANIE: екі оқиға, бір сайт

Біздің M-social командасы IZMENI soznanie агенттігімен бірінші жыл емес. Тағы бір жарқын жоба — екі ауқымды жазғы іс-шараға арналған сайтты әзірлеу: "мәдени код" іскерлік конференциясы және "жазғы Digital Elka"кеші. Бізге билеттерді сатумен қатар, әр оқиғаның атмосферасын жеткізетін сайт жасау керек болды. Мұның бәрі қысқа мерзімде.

Таңдау архитектурасы

Сайттың нақты және қарапайым мақсаты болды: қонақтарға іс-шараны таңдауға және билет сатып алуға көмектесу. Ол үшін біз үш бет жасадық.

- Бастапқы бет. Бұл іс-шаралармен танысу басталатын нүкте. Мұнда біз бірден көңіл-күй орнатып, екі жолды көрсетеміз. Бір жағында — қатаң іскерлік конференция «Мәдени код», екінші жағында — жарқын және еркін «Жазғы Digital Elka». Келуші екі негізгі блокты көреді және осы кезеңнің өзінде шешім қабылдай алады немесе билет сатып алуға бірден көше алады.

- «Мәдени код» лендингі. Бұл конференцияның толыққанды беті. Мұнда біз шешім қабылдауға қажеттінің бәрін орналастырдық: сипаттама, спикерлер, бағдарлама, серіктестер және, әрине, билеттер.

- «Жазғы Digital Elka» лендингі. Кешке арналған бет. Мұнда спикерлердің орнына — музыкалық лайн-ап, «От-кутюр ертегілері» киім коды және билеттер мен байланыс бөлімдері бар.

Техникалық сиқыр

Бұл жобада клиент бізге 1920 пиксельдік десктоптық макетпен келді. Мобильді нұсқалар мүлдем болмады. Біз барлық анимациялар мен визуалды фишкаларды тек осы дизайнға сүйене отырып жасадық. Телефондар мен планшеттерде бәрі кем емес керемет көрінуі үшін көп еңбек етуге тура келді.

Міне, бірнеше қызықты детальдар:

Скролл-анимация. Бірінші блокта біз қайыңды тоғайға бату эффектісін жасадық. Сіз тінтуір дөңгелегін айналдырасыз — бет орнында тұрып қалғандай, ал қайың діңдері әртүрлі жылдамдықпен ажырай бастайды: кейбіреулері тезірек, басқалары баяу. Сонымен бірге сізге үлкен жасыл дөңгелек жақындайды. Тоғайдың ішіне тереңдеп бара жатқан сезім пайда болады.
Параллакс. Біз негізгі визуалды элементтер үшін параллакс эффектісін қостық: аққу, доп-ит және хамелеон фигуралары фоннан сәл баяу қозғалады. Бұл жеңіл 3D-сезім тудырады. Ал іс-шаралар мен билеттерге өтетін карточкалар скролл кезінде көз алдыңызға әдемі «шығып келеді».
Слайдер. Конференция үшін біз спикерлер слайдерін жасадық. Онда екі деңгей бар: аты мен атақтары жазылған карточка, ал басқан кезде толық өмірбаяны бар поп-ап ашылады. Егер спикердің өмірбаяны блогы болмаса, «Толығырақ» батырмасы бұғатталды — ұсақ-түйек, бірақ жағымды және логикалық.

Финал

Біз сайтты 18 күнтізбелік күн ішінде әзірлеп, тапсырдық. Әрбір қонақты «Конференция ма, әлде кеш пе?» деген күмәннен «Билет сатып алу» батырмасына дейін жетектеп шықтық. Іс-шаралардың атмосферасы интерфейске мұқият интеграцияланды, кодтың құрғақ жолдарын интерактивті мерекелерге айналдырды.

IZMENI SOZNANIE-ге батылдығы мен сенімі үшін ерекше алғыс. Бұл жоба — керемет сайттың жаңа шынайылыққа есік ашатынының тағы бір дәлелі.

Келесі кейс