О проекте
Сайт для компании Фалькон Тех, выполняющий задачу презентации основного продукта и возможностей компании

Фалькон Тех — технологическая компания, создающая IT-решения для городской среды. Мы фокусируемся на безопасности, эффективности и скорости цифровых процессов, помогая бизнесу адаптироваться к современному ритму мегаполиса.
  • Цель
    Разработать современный и презентабельный дизайн сайта и собрать его на Тильде
  • Задача
    Доработать архитектуру сайта на основе ТЗ, чтобы разделить основную информацию о компании и мультинаправленность разрабатываемой компанией продукции
Сайт до редизайна
  1. Сайт выглядит как шаблон, не выделяется среди других компаний.
  2. Нет запоминающегося первого экрана и чёткого УТП — пользователь не понимает, что за компания перед ним.
  3. Структура хаотичная, услуги описаны расплывчато.
  4. Сайт не вовлекает и не выполняет функцию презентации бизнеса.
Процесс разработки. I этап
Проанализировала предоставленную заказчиком текстовую информацию, старый сайт и сайты конкурентов. На основе анализа собрала прототип.

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

Сайт отлично выглядит и на компьютере и на мобильном устройстве.
Посмотреть сайт
Отзыв заказчика
Команда компании презентовала сайт на общем мероприятии и собрала положительные отзывы.