Редизайн лэндинга для WAYup 

  • 11
  • Опубликовано: 2018-05-23
Моя работа над экранами началась с идеи, идеи как же объяснить простому обывателю за пару секунд (за один взгляд на первый экран) такое сложное понятие, как ВЕРСТКА. Я разделила это понятие на три основные части: HTML, CSS, JAVA. Структурный уровень – HTML, представлен схемой лего-человечка. Также как и в HTML-коде, у человечка есть HEAD, BODY и FOOT (также проглядывается аналогия с лэндингом, есть шапка, слайдер и футер). Презентационный уровень – CSS, преобразовывает схему в красивую картинку. Ну и анимационный уровень – JAVASCRIPT, оживляет красивую картинку. Этот уровень представлен гифкой с движением лего-человечка, который делает: «ВАУУУ».

У названия коучинга также хотелось визуально подчеркнуть тематику ВЕБа, так пришла идея значка интернета, с наложением картинки, на которой изображен компьютер.Затем, пришла идея визуализации названия «Код фрилансера». При слове «код» подсознание выдало фильм «Матрицу», так родился темный фон и зашифрованный салатовый вертикальный код.


Фишкой первого экрана будут вертикально направленные строки о старте обучения и сроке обучения. Предполагается, что они будут аниминированы и направляться по кругу одна вниз, другая вверх. Эта фишка – отсылка к слову «код»

Второй экран также предполагает анимацию. Блоки кубиков лего, в полном цвете, падают сверху вниз и бледнеют. При наведение на один из блоков он преобретает насыщенный цвет и текст становится читабельным. Главной фишкой второго экрана, я считаю анимированного лего-человечка, который будет шагать шаг за шагом слева на право в самом низу экрана.Третий экран анимации не предполагает, поэтому предлагаю теперь взглянуть на всю работу целиком! Самое главное – ВКЛЮЧИТЬ ВАШУ ФАНТАЗИЮ!!!

Прикрепленные файлы:

Комментариев нет
оставить комментарий могут только авторизованные пользователи
Другие работы автора:
Лэндинг для компании по разработке сайтов и интерфейсов

Лэндинг для компании по разработке сайтов и интерфейсов Задача стояла создать современный лэндинг для компании, которая занимается разработкой сайтов и интерфейсов на различных устройствах. Утонченный шрифт первого экрана задал минималистскую стилистику всего лэндинга. Сочетания контрастов темного фона и…

Скрапбукинг Лели Невар

Скрапбукинг Лели Невар Задача стояла сделать продающий лэндинг для девушки, которая занимается скрапбукингом. Скрапбукинг - это вид творчества, название которого походит от английского scrapbooking. Слово состоит из двух частей: scrap — вырезка, book — книга или тетрадь. М…

дизайн ювелирного сайта

дизайн ювелирного сайта Дизайн сайта основывается на легкости, изящности и невесомости ювелирных украшений фирмы "Золотая линия". Концепция дизайна взята и из самого названия фирмы: золотая линия используется как дополнительный элемент дизайна. Дизайн получился л…

лэндинг адидас

лэндинг адидас Первый экран сайта магазина обуви "Адидас"

Лэндинг Лесной пейзаж

Лэндинг Лесной пейзаж Стояла задача создать продаваемый лэндинг для поселка. Компания специализируется на покупке и продаже имущества. Также компания занимается строительством домов и коттеджных поселков. Среди объектов холдинга находятся загородный жилищный комплекс «Лес…

Скрапбукинг Лели Невар

Скрапбукинг Лели Невар Задача стояла сделать продающий лэндинг для девушки, которая занимается скрапбукингом. Скрапбукинг - это вид творчества, название которого походит от английского scrapbooking. Слово состоит из двух частей: scrap — вырезка, book — книга или тетрадь. М…

лэндинг оконной фирмы

лэндинг оконной фирмы Первый экран сайта компании по изготовлению окон.

лэндинг мебельной студии

лэндинг мебельной студии Первый экран сайта салона мебели в Москве.