Кирилл Беляев: заметки с тегом Туннельтех

Ищу 3Д-дизайнера

Кирилл Беляев — Thu, 18 Apr 2019 11:19:37 +0300

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

Сейчас мы делаем лучшие аэротрубы в мире, упаковка пока не дотягивает до содержимого. Поэтому предстоит искать эффектные решения. А чтобы делать концепты — разобраться в устройстве. Помимо аэротруб планируем показывать спортсменов в полёте и составные части аэротруб.

Не обязательно уметь всё. С удовольствием найду двух дизайнеров с разными уклонами. Работа проектная, но постоянная. Загрузка зависит от навыков и желания дизайнера.

Работать можно удалённо или в Петербургском офис на Литовской 17А.

Если интересно, напишите мне на почту или в Телеграме.

Охлаждение поворотных лопаток

Кирилл Беляев — Fri, 15 Mar 2019 17:03:06 +0300

Чтобы эффективнее менять направление воздушного потока в аэратрубых ставят поворотные лопатки. У нас на сайте им отведён целый этаж:

Они стоят блоками. На фото два блока под 45°, которые образуют крышу полётной камеры. Помимо смены направления воздуха, мы их ещё используем для охлаждения этого же воздуха. По полости внутри лопатки гоняют воду, которая забирает излишки тепла и уносит к охладителям.

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

P. S. Помимо блога веду два телеграм-канала: о дизайне и о родительстве. Раньше одни заметки выходили только там, другие только тут, а остальные — вперемешку. Телеграм хранит историю только два года, а я хочу оставить детям максимум себя, потому что с большим удовольствием сам бы почитал мысли своих родителей и прародителей. Поэтому теперь каналы будут дублировать, и можно смело отписаться там, где неудобно.

Ищу дизайнера

Кирилл Беляев — Mon, 11 Mar 2019 12:55:15 +0300

Человека, который будет самостоятельно развивать систему управления аэротрубным бизнесом. Такого дизайнера с уклоном в оунера. Который, пусть не сразу, но сможет заглядывать за горизонт задач и думать о развитии продукта. Поначалу планирую помогать въезжать и искать решения, держать руку на пульсе внешнего вида. Насколько быстро дизайнер станет самостоятельным зависит только от него.

Таких вакансий мало, как и людей, которым она интересна. Будет круто, если покажете знакомым — так мы и найдём друг друга.

Кайф в том, что у продукта три типа пользователей: посетители, персонал и менеджмент аэротруб. Поэтому думать предстоит как неподготовленные пользователи, которые зашли на сайт забронировать полётное время и не знают, как устроена экономика полётов. С другой стороны — представлять инструкторов, которые быстро фиксируют гору данных на планшетах. Инструкторы простят, если интерфейс потребует обучения, но только если он будет минимизировать ошибки. С третьей стороны — администраторы, менеджеры и маркетологи, которые хотят видеть общую картину работы трубы и добираться до сути проблем, чтобы решать их и находить точки роста. Предстоит понять устройство и экономику аэротрубы, потому что это главные ограничители бизнеса. И наконец — ментальные и языковые особенности. Систему используют как в Европе, так и в Азии.

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

Работать можно удалённо или в офис в Санкт-Петербурге на Литовской 17А. Команда продукта — 4 человека, поэтому влиять на результат крайне легко.

Для начала разговора напишите мне на почту или в Телеграме.

Туннельтех на китайском

Кирилл Беляев — Fri, 28 Dec 2018 12:19:20 +0300

Во время основной работы над сайтом Туннельтеха часа два обсуждали, как устроить языковые версии: отдельные текстовые файлы, чтобы переводчикам было удобнее или хранение всех языков в теле документа и выгрузка в таблицу для переводчиков. Я боялся, что работать с файлами, которые внутри хранят текст на всех языках, будет неудобно. А Толя объяснял, что так проще найти и исправить ошибку, а неудобно работать с длинным файлом будет единоразовым. В итоге он придумал теги, с помощью которых шаблонизатор на Питоне собирал отдельные языковые страницы из одного ХТМЛ-родителя. Шаблонизатор позволяет хранить внутри тегов не только текст, но и ХТМЛ. Этим пользуемся, когда для разных языков нужна разная вёрстка. В английской версии метры и футы, в остальных — только метры:

Правила у тегов простые:

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

Вспомнил я это потому, что появились испанская и китайская версии. Испанский не сильно меняет образ страницы, не то что китайский. Не знаю, что скажут китайцы, но внутри отдела мы в восторге. Отдельно радует, что дизайн, вёрстка и языковой шаблонизатор выдерживают крайне достойно.

Скриншоты двух страниц, если лень идти на сайт:

Тюнинг логотипа Туннельтеха

Кирилл Беляев — Wed, 21 Nov 2018 11:36:00 +0300

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

Но времени на это ни у кого не было. Но ещё главнее — не было причин. Меня, как и всех нанимали, чтобы приносил пользу, поэтому я перестал отвлекать руководителя и занялся интерфейсами.

Через три месяца мы начали переделывать сайт. Собирая макеты, я решил «немного улучшить логотип». Оставил знак и набрал одним кеглем название, попутно сократив его до домена. Мои шансы были минимальные, но артдир предложил подождать вопросов от гендира. Сайт запустили, а про логотип никто не спросил.

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

Изменения лёгкие, но дали немало:

Увеличились просветы между перьями. На самом деле это поворотные лопатки, профиль которых — ноу-хау компании. С большими просветами перья лучше различимы в мелких размерах.

Изменил контрформу с эллипса на более дружелюбную к Т внутри. Попутно эта контрформа стала динамичнее, а для логотипов с крыльями динамики много не бывает. Для меня ещё важно, что теперь это форма ещё дальше от круга. Дело в том, что наши полётные камеры «идеально круглые в сечении», и когда логотип собран с отсылкой к частям трубы, эллипс уж очень близок к круглому сечению. Чуть-чуть, но не совсем, как говорится. Честный круг вставал отвратительно, поэтому уводил форму дальше от него.

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

И самое ценное — пропорции всего логотипа. Когда у логотипа простое соотношение сторон, его удобнее масштабировать. И проверять, не помялся ли он по дороге. Исходная пропорция 61:35 уступила 3:2.

Сайт Туннельтеха

Кирилл Беляев — Tue, 25 Sep 2018 15:54:25 +0300

Когда говорю близким, что работаю в компании, которая производит аэродинамические трубы, они спрашивают, зачем компании дизайнер. Или уточняют, умею ли я проектировать трубы. Теперь могу немного проиллюстрировать ответ, показав обновлённый сайт компании — tunneltech.eu.

Чтобы рассказать клиентам, как всё работает, вник в технологии и экономику компании. Без предшествующих 3,5 месяцев работы над интерфейсами, рассказ вышел бы не таким глубоким, а времени на разработку сайта ушло больше.

Только мы наглядно объясняем разницы одно- и двухконтурной трубы:

Для каждой части трубы, даём схему, которая показывает положение в обоих конфигурациях:

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

Собрали таблицу с этапами запуска трубы, объяснив, кто что делает:

Хотели шаблонизировать вёрстку, чтобы новые материалы требовали минимум усилий. Ещё хотели донести кучи информации, часто технической, на больших и малых устройствах и найти технологичный и в меру модный характер. Как решение — сухая, местами топорная вёрстка, без ярких деталей, которая даёт иллюстрациям и прочей графике работать. Текущая аскетичность оставляет простор для новых форматов и выделений. Когда вёрстка была готова, пересобирал 3-4 этажа по мере получения материалов, не отвлекаясь на графредактор и не отвлекая разработчиков. Так убедился, что шаблоны работают.

Ещё экраны. Подробно описали функции наших айти-систем. Такое найдёшь не у всех продуктов, которые продаются, как самодостаточные.

Кайф из описания флагманской трубы:

На странице о моделях сразу даём сравнительную таблицу:

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

Идея ссылаться на что-то внутри страницы прекрасная, но иконка выглядит недорешением. Почему не менять УРЛ страницы динамически, чтобы пользователь всегда копировал путь к текущему этажу? Ссылаться на всю страницу нужно куда реже, чем на её части. Так и сделали. Теперь сайт будет и витриной, и внутренним инструментом — на его части будут ссылаться при объяснении деталей клиенту.

В этом проекте я побыл продуктовым дизайнером. Придумывал, проектировал, иллюстрировал, утверждал у артдира, писал черновики, редактировал немного, помогал менеджеру и разработчику, курировал съёмку фотографий и разработку 3Д-визуализаций, писал и переписывал код.

Планировали сделать за 3 месяца без мобильной версии, получилось за 6 с мобильной.

Спасибо Анатолию, Ксении, Самату, Роману и Ивану!