Центр по миграционной поддержке (Фонд «Сколково»)

visa.sk.ru
Центр по миграционной поддержке – подразделение Фонда «Сколково», отвечающее за организацию сопровождения оформления лицами, участвующими в реализации проектов центра, приглашений на въезд в РФ и разрешений на работу иностранным гражданам, привлекаемым ими для осуществления трудовой деятельности.

1С-Битрикс
Английская
версия
Адаптивный
дизайн
Интеграция с CRM

Проектирование

От клиента поступила задача по редизайну сайта visa.sk.ru, являющегося интернет-представительсвом подразделения Фонда «Сколково». Центр предоставляет услуги по визово-миграционной поддержке: приглашений на въезд в Российскую Федерацию и разрешений на работу иностранным гражданам.

01. Цели и задачи

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

В итоге сформировался основной перечень задач:

  • Разделить выдачу контента по типам пользователей (заявителей).
  • Создать полноценные страницы каждой услуги.
  • Вывести стоимость по типу услуги и заявителя.
  • Добавить возможность оставлять заявку на конкретную услугу.
  • Создать основные и вспомогательные страницы сайта.
  • Показать регионы оказания услуг.
  • Предусмотреть 2 языковые версии, т.к. услуги ориентированы в
    основном на иностранных граждан.
02. Концепции

Был проведен анализ сайтов схожей тематики, на основе которого
мы предложили две концепции главной страницы.

В концепии №1 акцент сделан на
интересной динамичной подаче
деловой информации, что выгодно
отличает сайт от сайтов схожей
тематики, подчеркивает общую
инновационность направлений
Сколково. Также соблюдена
преемственность основным сайтам
Сколково за счет использования
лайновых иллюстраций, цветов и
шрифтов.
Концепция №2 основана на
современной верстке, с
использованием «струн» - тонких
линий, к которым «крепятся»
блоки и информация.
Предполагается динамическая
подгрузка контента на всём сайте,
при этом объекты «скользят» по
струнам, как по матрице.

Дизайн

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

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

01. UI-kit

При разработке страниц мы опирались на заложенные в главной
странице стили, постепенно формируя полный ui-гайд.

Также с помощью лайновых элементов
(динамичных блоков, обводок, стрелок)
мы частично объединили по стилистике
новый сайт с уже существующими
сайтами Сколково.

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

02. Внутренние страницы

Особое внимание было уделено разделу услуг как наиболее
значимому на сайте.

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

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

03. Личный кабинет

В личном кабинете пользователю
предоставлена возможность просматривать
и сортировать заявки, задавать вопросы
и редактировать личные данные.

ЛИЧНЫЕ ДАННЫЕ
ЗАЯВКИ
ВОПРОС-ОТВЕТ

Особенности реализации

Социально-политически
значимый Проект
Две языковые
версии
Выгрузка услуг по типам
пользователей
Адаптивные макеты
страниц

Карта реализованных проектов

Реализована интерактивная карта регионов,
в которых визовый центр осуществляет
оказание услуг.

Анимация блоков

Отдельное внимание мы уделили
анимации блоков на главной и рабочих
страницах.

Отзыв клиента