Встреча от Сбермаркета, где IT- специалисты рассказывают о своих факапах
F*ckup Meetup - митап, посвященный факапам в ИТ. Формат, где спикеры открыто рассказывают о своих неудачах и делятся опытом, чтобы напомнить, что ошибаться нормально, а иногда просто необходимо
#Иллюстрации
#промо
#креатив
Задача
Выжимка из брифа. Слова клиента
«…Задача для дизайнера: разработать лендинг, придумать необычный интерактивный элемент для лендинга..» Целевое действие, которые нужно совершить пользователям лендинга: заполнить форму регистрации
Особенности разработки
Мной были разработаны небрежные иллюстрации от руки, а также был подключен к работе 3D дизайнер, который создал буквы в виде шаров
Ассоциации и смыслы
Метафора
Тема мероприятия заключается в том, что ИТ-специалисты делятся своими неудачами. Отсюда появилась идея стилизовать сайт так, будто мы находимся на вечеринке, где постоянно происходят факапы. То на ноутбук разольётся шампанское, то не хватит куска пиццы гостю, или улетят все шарики, которые заказали для праздника.
Также, необходимо было интересно обыграть первый экран, и я решила работать через антонимы. Если название заголовка "F*ckup Meetup" что-то тяжелое, даже немного грубое в высказывании, то через ассоциацию воздушных шаров оно будет выглядеть визуально легче и свободнее, так мы передаем самоиронию над ситуациями, которые с нами происходили
Также, необходимо было интересно обыграть первый экран, и я решила работать через антонимы. Если название заголовка "F*ckup Meetup" что-то тяжелое, даже немного грубое в высказывании, то через ассоциацию воздушных шаров оно будет выглядеть визуально легче и свободнее, так мы передаем самоиронию над ситуациями, которые с нами происходили
На первом экране я крупно размещаю всю важную информацию. Большая пухлая кнопка, логотип, бегущая строка с информацией дате проведения мероприятия - все это дополняет композицию из декоративных элементов
Цвет на этом сайте используется для расставление визуальных акцентов. Использование темного бэкграунда подчеркивает яркость оттенков и появляется ощущение легких неоновых вывесок
Также стоит обратить внимание на оформление блока спикеров, основной запрос от заказчика был "интересную раскрыть этот блок" , я решила с помощью анимации сделать некую игру для пользователя, при наведении на человека будет появляться тема его выступления, это позволило не только привлечь внимание, но и компактно расположить всех спикеров в одном блоке
На протяжении всего сайта нас сопровождают крупные элементы и изображения, которые глубже раскрывают смысл текста, такой прием сделан намерено, чтобы исключить негативное пространство из за наличия маленького кол-ва текста
Анимация
На всем сайте анимация используется точечно, благодаря ей мы фокусируем внимание пользователя на нужные нам блоки. На первом экране мы оживляем шары, передавая легкость и воздушность плоским и объемным формам. Также на сайте присутствует зацыкленная анимация, имитирующая неоновые вывески
