Ровно так раньше говорили бухгалтеры, секретари и кто-то ещё, кто отвечал в компании за организацию командировок.

• Пишешь служебное задание,
• Пишешь письмо секретарю и сообщаешь даты поездки,
• Секретарь идет в оффлайновое агентство по бронированию билетов для юрлиц,
• Ой, билетиков на вашу дату уже нет, осталось только место за обозом с рыбой,
• Не забудь в гостинице взять документы, что ты там жил, иначе никакого возмещения,
• Как это ты потерял посадочный на самолет? Штраф тебе!

Хвала небесам, эти времена прошли. Теперь есть крутейший сервис Smartway, который сделает организацию командировки простой, удобной и быстрой. Заходишь в личный кабинет, в привычной поисковой строке вбиваешь даты поездки и красиво бронируешь билеты и отель. А все закрывающие документы прилетают бухгалтеру в 1С-ку.

Для знатоков: тревел-политики, согласования, отмены, возвраты, бронь автомобилей, залов и другие полезности в Smartway тоже есть.

Команда Smartway пришла к нам с задачей: освежить личный кабинет. Изначально мы договаривались совсем не трогать само расположение элементов, но в итоге немного поработали и над ним. В общем задача звучала так: помните, как когда-то Gmail обновился так, что вроде все осталось на своем месте, но стало красивее? Вот нам надо так же.

Работу начали с нескольких концептов. Собрали несколько вариаций первого экрана, который пользователь видит при входе в систему. Именно тут мы и потратили больше всего сил, потому что утверждение концепта — это основа всего будущего обновления личного кабинета.

Варианты концептов:

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

А потом мы проработали так много разделов, что даже самим страшно вспоминать. Рисовали постепенно, страницу за страницей. Каждый раздел согласовывали с командой Smartway. Благо, ребята диджитальные, поэтому мы быстро сработались и ритмично шли от странице к странице.

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

Список с авиабилетами, множество фильтров, подробности билета, подсказки, состояния элементов интерфейса.

Фотографии номеров отеля, отзывы, доступные номера, время заселения, подсказки, цены, текстовая информация про отель.

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

Когда нужно что-то изменить, например, цвет ссылки или домашнюю иконку, вы можете внести изменение один раз — в исходный основной компонент или стиль — и посмотреть, как он обновится во всех ваших проектах.

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

Про компоненты и стили у нас есть большое корпоративное чтиво — полистайте на досуге.