Дизайн одностраничник финансовой тематики
- 22
- 0
- Опубликовано: 2020-01-15
Задача проекта: создать лендинг с описанием финансовое операции, калькулятором на основе презентации.
Для дизайна макета были использованы цвета, располагающие к доверию и надёжности: #07152b (фон первого экрана + цвет заголовков и подзаголовков + фон информационных карточек + один из цветов иконок), #afdd40 (кнопки cta + выделение важных текстовых элементов + калькулятор), градиент.
Какие проблемы нужно было решить по пути разработки:
- много текста, разная длина текста однотипыных элементов (решение: часть текста была спрятана под кнопку, преимущества были скоректированы под длине, шаги реализованы с помощью карточек, которые смогли вместить всю информацию без сокращения и скрывания);
- разработка калькулятора (лёгкий в управлении, понятный для всех пользователей, светлый дизайн с выдачей результата в виде таблицы).
В остальном сложностей не возникло. Идея стиля пришла сразу и одобрена заказчиком.
На разработку макета для десктопа было потрачено 12 часов и 6 часов заняла адаптация под мобильные устройства. В основе лежит сетка под bootstrap.
Буду благодарна за обратную связь по дизайну)
Для дизайна макета были использованы цвета, располагающие к доверию и надёжности: #07152b (фон первого экрана + цвет заголовков и подзаголовков + фон информационных карточек + один из цветов иконок), #afdd40 (кнопки cta + выделение важных текстовых элементов + калькулятор), градиент.
Какие проблемы нужно было решить по пути разработки:
- много текста, разная длина текста однотипыных элементов (решение: часть текста была спрятана под кнопку, преимущества были скоректированы под длине, шаги реализованы с помощью карточек, которые смогли вместить всю информацию без сокращения и скрывания);
- разработка калькулятора (лёгкий в управлении, понятный для всех пользователей, светлый дизайн с выдачей результата в виде таблицы).
В остальном сложностей не возникло. Идея стиля пришла сразу и одобрена заказчиком.
На разработку макета для десктопа было потрачено 12 часов и 6 часов заняла адаптация под мобильные устройства. В основе лежит сетка под bootstrap.
Буду благодарна за обратную связь по дизайну)
Прикрепленные файлы:
Комментариев нет
оставить комментарий могут только авторизованные пользователи
