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