| О проекте Сайт для компании Фалькон Тех, выполняющий задачу презентации основного продукта и возможностей компании Фалькон Тех — технологическая компания, создающая IT-решения для городской среды. Мы фокусируемся на безопасности, эффективности и скорости цифровых процессов, помогая бизнесу адаптироваться к современному ритму мегаполиса. |
| Сайт до редизайна
|
| Процесс разработки. I этап Проанализировала предоставленную заказчиком текстовую информацию, старый сайт и сайты конкурентов. На основе анализа собрала прототип. Совместно с заказчиком пришли к выводу, что необходимо разделить информацию о компании и о направлениях работы компании на разные страницы. В результате получили 2 страницы - Главная о компании и Внутренняя с разделением на направления продуктов, которую в будущем можно дополнять новыми разделами при расширении продуктовой линейки. |
| Процесс разработки. II этап Следующий шагом была разработка дизайн-концепции первого экрана. Основная сложность проекта - отсутствие изображений, которые можно было бы использовать в дизайне. Заказчик предоставил видео, которое попробовали интегрировать в дизайн, но в итоге решили не перегружать первый экран и использовать видео в другом блоке. |
| Процесс разработки. II этап В итоге я разработала минималистичный первый экран с использованием глубокого синего цвета, лёгкого светящегося блюра и полигональных линий, которые используются в логотипе компании. |
| Процесс разработки. III этап После утверждения дизайн-концепции я разработала дизайн остальных блоков главной страницы. Пользователь постепенно знакомится с компанией:
|
| Процесс разработки. IV этап Страница о продукции разделена на направления с помощью меню, реализованного табами. Описание самих продуктов реализовано в формате шаблона, таким образом в будущем, при расширении продуктовой линейки компании, можно добавлять новые пункты и использовать имеющийся дизайн блоков. |
| Процесс разработки. V этап Последним этапом была адаптивная вёрстка на Тильде. Имеющийся дизайн я дополнила плавной анимацией, чтобы добавить динамичности. Чтобы показать кликабельность элементов я заменила курсор на элемент, взятый из логотипа компании. Посмотреть сайт Сайт отлично выглядит и на компьютере и на мобильном устройстве. |
| Отзыв заказчика Команда компании презентовала сайт на общем мероприятии и собрала положительные отзывы. |