Ідеальний промо-сайт тренди веб-дизайну на прикладі еволюції сайтів KIKK Festival

промо-сайт

промо-сайт

Що таке KIKK

KIKK — це досить велика організація, яка займається багатьма творчими галузями. У сфері її інтересів кіновиробництво, усі форми мистецтва, молодіжні рухи, консалтинг та багато іншого. Керівники KIKK характеризують свою місію як створення мостів між мистецтвом, наукою та технологією шляхом організації заходів, освітніх проектів, експериментальних досліджень та виробництва художніх проектів.

KIKK Festival утворений у 2011 році. Це один із багатьох проектів KIKK. По суті дискусійний майданчик для найкращих європейських дизайнерів.

Проводиться щорічно у Бельгійському містечку Намюр. Фестиваль досліджує економічні та художні наслідки нових технологій, це перехрестя мистецтва, дизайну, веб, архітектури, музики, підприємництва та інтерактивних засобів масової інформації. Участь безкоштовна. Доповідачами виступають найкращі з найкращих у своїй професії. Взяти участь у фестивалі означає торкнутися майбутнього. В основному йдеться про те, куди рухається дизайн і технології і як це можна застосовувати на практиці. Більше 5000 учасників із понад 40 країн. Сподіваюся, масштаби та цілі вам тепер зрозумілі. Ось їхня офіційна сторінка Facebook.

У фестивалю KIKK щороку новий промо-сайт

KIKK Fastival робить новий промо-сайт щороку. Це не редизайн колишнього сайту, а саме новий сайт, який KIKK робить на рік. Та не простий, а такого рівня, що відкривши його веб-дизайнери зазвичай падають на коліна та каються у власній нікчемності. Виконує його традиційно студія Dogstudio, сайт якої теж вартий пильної уваги, особливо в тому місці, девони заявляють: "We Make Good Shit". Не знаю скільки людей роблять такі круті сайти, але явно достатньо, щоб щелепа відпала від побаченого.

Щороку в сайті фестивалю ця студія примудряється впровадити технології, які знаходять застосування у веб-розробці лише через кілька років! Вже не знаю, чи творять вони самі, чи залучають весь світ KIKK для цієї роботи, але результат приголомшує! Розглянемо щорічний сайт у подробицях.

Сайт KIKK 2011 рік

ідеальний

Flat design у 2011 році! Так-так, Apple і Microsoft ще навіть не задумалися про це, а KIKK хизується сайтом у плоскому дизайні. Це круто! Геометрія, грані, цікаве рішення з трикутниками портретів, що збільшуються праворуч: це все дуже класно придумано і реалізовано. Перейдіть за посиланням, вам сподобається! Сайту 4 роки, а він актуальний досі. Відмінна робота!

Сайт KIKK 2012 рік

тренди

У 2012 році на сайті KIKK Fastival правлять матеріали та павутиння. Подивіться сайт живцем, він того вартий! Все рухається, пливе та живе своїм життям. Випадкові рішення у вигляді падаючих пір'їнок тут чомусь виглядають гармонійно. Колірна гамма, здатна зруйнувати уявлення про ідеальне поєднання кольорів, на цьому сайті виглядає просто напрочуд доречно. Все викохане та вилізане. Чи робив хтось подібне у 2012 році? Не пригадую:)

Машина часу мчить нас у 2013 році.

Сайт KIKK 2013 рік

промо-сайт

Поперед нас чекають ще зразки супервидовищного вебдизайну! Вперед, колесо історії!

Сайт KIKK 2014 рік

ідеальний

У 2014 році ми бачимо модно-м'ятну тему і вкрай вдумливу друкарню. Хтось формує тренди, решта пливе за течією. Ми з вами бачимо роботу справжніх профі! Це ті, хто рухає web-дизайн вперед, це капітани Інтернету.майбутнього. Зауважте, як гармонійно зав'язана композиція. Сайт гідний того, щоб побувати на ньому особисто. Картинки не дають того відчуття.

Цей сайт буде актуальним щонайменше 3 роки. Якби кожна студія так стосувалася своєї роботи, бізнесу не довелося б актуалізувати сайт через рік:)

Але ми відволіклися. На подвір'ї 2015 рік, ми з вами в теперішньому і я хочу показати вам, як на думку Dogstudio буде виглядати промо-сайт в майбутньому. Чи готові?

Сайт KIKK 2015 рік

промо-сайт

Поюзайте прев'ю: такої тактильності ще не було, наче кажу! Поводьте мишею по мордочках: ми бачимо абсолютно новий рівень взаємодії елементів сайту з користувачем. Це новий стандарт залучення до процесу. Колірна гама: неймовірно рівний та вивірений колір. Жоден елемент та колір не вибивається із загальної картини. Як вони цього досягли? Якби мені сказали, що з кольором працювали роботи, я б повірив! Дивовижна та досконала робота.

Сайт KIKK 2016 рік

тренди

Здійснилося! Хлопці з Dogstudio викотили сайт для KIKK 2016. Принагідно виборовши 1-е місце Awwwords. Сайт просто ульот, обіграно модну тему 3D-зображень. Паралакс на мильному міхурі, як вони це зробили! Колір - найбільший індиго. Подивіться як тремтять фотографії, мегакруто! А чумачий hover на кнопках? Респект, Пси! Погуляйте сторінками. Вам сподобається!

Сайт KIKK 2017 рік

промо-сайт

У 2017 році у фестивалю KIKK сайт із модною анімацією та маніакальною увагою до дрібниць. Кінг-Конг на головній сторінці дихає, море хвилюється, птахи літають, а рибалка ловить рибу. Мультик гармонійний, все плавно і без найменших затиків. Класна гамма кольорів, цікаві hover-ефекти - все по-дорослому!

Сайт KIKK 2018 рік

тренди

Сайт KIKK у 2018 роціворушиться векторними «мікробами» і «світить» курсором-прожектором з безлічі точок, що рухаються, оживляючи і «розфарбовуючи» елементи сайту. Це не новинка у технологічному плані, але зроблено захоплююче. Ховер-ефект на активних елементах відчувається на кінчиках пальців, як віддача на спусковому гачку.

Як завжди, повний порядок із типографікою, придивіться до шрифту цифр:

ідеальний

Цікаво обіграно фотографії на сайті. Ніяких прямокутників, зображення ховаються за анімованими масками, які рухаються при наведенні миші. Ховер-ефект на фотографіях схожий на графічних векторних «мікробах»: надаємо колір і витягуємо на світ божий.

На окрему розмову заслуговує анімація зміни сторінки. Нічого нового за технологіями, але дуже доречно та стильно в рамках цього сайту. Взагалі, якщо говорити про єдиний стиль — у цьому сайті ми бачимо зразок для наслідування.

Післясмак

Статтею хочу підкреслити, що процес самовдосконалення нескінченний, зупинятися не можна. Навіть коли ви відчуваєте себе на вершині, знайдеться той, хто змусить вас страждати від нікчемності.

Хочете такий самий ефектний сайт? Надішліть заявку: