Редизайн сайта визового агенства

Гармония современного стиля и практичности, в котором преобладает светлый фон, символизирующий чистоту и пространство, в то время как красный и синий цвета добавляют выразительности и профессионализма, а плавные линии и закругления создают не только эстетически приятное визуальное восприятие, но и обеспечивают интуитивно понятное взаимодействие со всеми элементами сайта.

Задача

Сделать редизайн сайта европейского визового центра. Дизайн должен быть современным и лёгким с преобладанием белого цвета. Изменить цветовую палитру сайта в соответствии с желанием заказчика. Упростить взаимодействие пользователся с контентом.

  • Дизайн

    UI & UX, редизайн

  • Клиент

    GVP Life

  • Адаптив

    Смартфон

  • Софт

    Figma, Photoshop

Стиль, который подчеркивает ваш бизнес-подход 

Первостепенной задачей стало создание нового облика, опираясь на предыдущую версию сайта, которая устарела и не соответствовала современным стандартам, заботясь о пользователях и бизнесе. Я тщательно преобразил каждый элемент, чтобы информация стала более доступной и привлекательной для пользователя. В результате этих изменений я стремился не просто улучшить внешний вид, но и увеличить лояльность потенциальных клиентов. Мой дизайн не ограничивается формальностями — он создан, чтобы соответствовать потребностям и ожиданиям каждого пользователя, вкладывая в каждую деталь заботу и внимание.

Совершенно
новый дизайн,
созданный с нуля 

Во время работы над проектом был создан UI kit и разработан style guide. Были подобраны шрифтовые пары и переработаны все иконки для сайта. А техническом плане макеты были созданы с использованием auto layouts, компонентов и стилей — полностью готовый для передачу в разработку.

Цветовая палитра 

Фон

#ffffff

R: 255
G: 255
B: 255

Чистый белый 
Акцентный

#ED4E39

R: 237
G: 78
B: 57

Томат 
Вторичный

#3982ED

R: 57
G: 130
B: 237

Лазурит 
Текст

#2C2C2C

R: 44
G: 44
B: 44

Глубокий чёрный 

Типографика 

Семейство
Akrobat

Применение
Заголовки и подзаголовки

Характеризуется современным дизайном, в котором сочетаются геометрические формы и элегантные линии. Структура и чистота делают его легко читаемым.

Семейство
Manrope

Применение
Текст

Manrope — это современное семейство шрифтов, созданное с акцентом на чистоту и читаемость. Он включает в себя несколько начертаний, таких как Regular, Bold, ExtraBold и другие, что предоставляет дизайнерам широкий выбор для создания различных стилей и уровней выделения текста. Manrope отличается гармоничным балансом между современностью и функциональностью, делая его подходящим для использования в различных дизайн-проектах, включая веб-дизайн, печать и мобильные приложения. Шрифт обладает четкими формами и легко читаемыми буквами, что делает его универсальным выбором для различных видов текстового контента.

Идеально для мобильных устройств 

Десктопная версия была адаптирована для мобильных устройств, чтобы опыт пользователя использующего смартфон был так же удобен и приятен, как и на большом экране.

Проект в цифрах 

0

дней потрачено на разработку

Потребовалось суммарно на разработку от идеи и анализа до финального результата.

0

экранов было создано

В том числе первая версия дизайна, которая в последствии, превратилась в финальный результат.

0

элементов было переработано

Были изменены или разработаны новые элементы общего стиля сайта.

0

правок было внесено

Что очень редкое явление при разработке нового стиля. Обычно клиенты любят вносить их.

Этапы разработки 

01. 
Изучение 

Требований к новому стилю и хотелок заказчика, текущей версии сайта и референсов.

На основании этой информации я составил карту пути проекта.

02. 
Анализ 

Исходя из требований к новому дизайну я проанализировал конкурентов в этой сфере.

После анализа стал понятен вектор, в котором буду двигаться дальше.

03. 
Разработка 

Я спроектировал первую версию дизайна главной страницы, чтобы понять общий стиль.

Создал UI kit, вариативные компоненты и обернул всю страницу в auto layout.

04. 
Улучшение 

После полноценного взгляда на всю страницу я решил изменить некоторые элементы.

Так появилась вторая и финальная версия дизайна, в стиле которого я разработал остальные страницы.

Главная страница 
Страница страны 
Страница виз 
Страница калькулятора 

Спасибо
за просмотр!

Если вы хотите связаться со мной, чтобы обсудить дизайн вашего проекта или по любой другой причине

Back

This website stores cookies on your computer. Cookie Policy