«Мы — стартап, которому 30 лет»: авангардный сайт для научно-технической компании РАЙТЕК
Заказчик
R&D (Research & Development) центр РАЙТЕК существует на российском рынке уже более 20 лет. Компания была основана сотрудниками Института Радиотехники и Электроники РАН и концентрировалась на разработке и внедрении передовых технологий широкополосного радиодоступа и программно-ориентированного радио (SDR).
В последние годы накопленный опыт в области передачи и обработки информации, дополненный компетенциями в машинном обучении и компьютерном зрении, позволил компании занять прочные позиции в развитии аддитивных технологий — ключевого направления Индустрии 4.0. Ядро компании составляют высококлассные молодые специалисты — выпускники МГУ, Физтеха, ВШЭ, МГТУ им. Баумана и других.
Запрос
Сотрудники РАЙТЕК обратились к нам в Picasel с запросом на разработку корпоративного сайта, который должен выполнять следующие функции:
- Коммерческая — продемонстрировать клиентам экспертность команды в области радио и аддитивных технологий и ее умение адаптироваться под новую реальность.
- Имиджевая — обозначить уникальность компании на российском рынке и подчеркнуть концепцию сочетания традиций и инноваций.
- Презентационная — ознакомить потенциальных клиентов и соискателей с основными продуктами РАЙТЕК, чтобы создать четкое представление о ведущих направлениях компании в исследовании и разработке.
В корпоративном сайте заказчику было важно отразить идентичность компании, ее гибкость и творческий подход к решению технических задач разного уровня сложности. В предлагаемых решениях команда умело сочетает большую экспертизу в области цифровой обработки сигналов и развитии аддитивных технологий, а также сохраняет свежий взгляд на разработку и внедрение технологий благодаря молодому коллективу.
Так перед нашей командой возникла задача создать корпоративный сайт, который отразит технологичные решения и уклон в сторону импортозамещения, с использованием элементов русского авангарда.
Этапы разработки
1. Брифинг и обсуждение вопросов с клиентом
Перед началом разработки корпоративного сайта мы провели встречу с сотрудниками компании, на которой больше узнали о направлениях разработки и исследований команды и выполняемых задачах:
- производство оборудования радиодоступа,
- использование инновационной технологии производства сложнопрофильных изделий из разных сплавов для атомной и аэрокосмической промышленности,
- разработка собственной системы управления станками аддитивной печати с нуля,
- создание комплексного решения в сфере контроля процесса печати,
- добавление интеллектуальных алгоритмов управления и анализа, основанных на машинном обучении и др.
Заказчик поделился готовыми визуальными материалами и референсами для дальнейшей работы, а также своим видением стиля и концепции компании.
Мы определили, какие задачи должен выполнять корпоративный сайт, в чем заключается уникальность РАЙТЕК на уровне предложений и функций разрабатываемых технологий, и каким сотрудники хотят видеть итоговый результат нашей работы.
2. Анализ рынка, изучение потребителя
Ключевая особенность РАЙТЕК заключается в том, что они предлагают готовые отечественные решения и проводят исследования по актуальным направлениям в области беспроводной связи, что делает их лидерами в направлении аддитивных технологий на территории РФ.
На этапе исследования мы сделали выводы об основных преимуществах компании:
- современная — это команда молодых специалистов, которые идут в ногу со временем и предлагают классные, адаптированные под нынешние условия рынка, решения;
- прогрессивная — это меняющийся рынок технологий, который мы беспрерывно изучаем и генерируем на его основе свои идеи;
- технологичная — это разработка и внедрение современных технологий и проведение исследований;
- надежная — это гарантия качества предоставляемых услуг, желание погружаться в каждый проект и отвечать за полученный результат.
Целевая аудитория РАЙТЕК — госзаказчики, глубоко погруженные в сферу радио и аддитивных технологий, и выпускники технических ВУЗов в поисках вакантного места, которое позволит им применить полученные знания на практике и реализовать амбиции.
3. Разработка визуального концепта и дизайна макетов
В основу визуального стиля корпоративного сайта РАЙТЕК лег авангард — смелый, экспериментальный, ломающий шаблоны. Стиль, предложенный заказчиком, помог избежать шаблонности — выбранное решение выгодно подчеркнуло концепцию сочетания технической направленности и креативного подхода молодой команды.
Часть материалов (логотип, палитра, иллюстрации) была предоставлена заказчиком — было важно сохранить их при разработке визуальной концепции сайта и использовать в качестве референса при создании графических материалов.
Основой графики стали эскизы, нарисованные от руки — они же и легли в основу иконок. Векторные иллюстрации выступают в качестве акцентов, а их формы напоминают микросхемы — угловатые, с четкими линиями, техногенной эстетикой.
Несмотря на авангардную стилистику, заказчик хотел избежать перегруженности — поэтому шрифты мы взяли чистые, но с характером: Manrope для заголовков и акцентов, а Helvetica Neue Cyr — для основного текста, который дает ощущение “новостной” строгости.
В своем желании контролировать баланс между визуальной сдержанностью и авангардными акцентами мы решили выполнить верстку в газетном стиле:
- текст делится на 2-3 колонки в широких блоках,
- микросхемные паттерны и иконки напоминают об авангарде, но не мешают восприятию контента,
- все секции разбиты на колонки с явными границами (как газетные полосы).
4. Сборка сайта на Tilda
Заказчику было важно оставаться в рамках указанных сроков и бюджета, а также иметь возможность самостоятельно редактировать контент на сайте по необходимости. В данном случае мы остановились на сборке с помощью Tilda:
- конструктор позволяет собрать сайт без привлечения команды разработчиков,
- готовые блоки и шаблоны ускоряют вёрстку в 2-3 раза по сравнению с “чистым” кодом,
- можно менять текст, картинки, блоки местами без навыков верстки,
- готовые модули позволяют скопировать блок и заменить в нем данные, чтобы, например, оперативно добавить новый проект в портфолио.
Такой подход стал идеальным компромиссом между креативом, бюджетом и гибкостью.
С чем мы столкнулись в процессе работы?
При разработке корпоративного сайта для РАЙТЕК мы учли следующие особенности:
- Ограниченный бюджет:
Чтобы не выходить за рамки бюджета заказчика, мы решили собрать сайт с помощью конструктора Tilda: использовали готовые блоки и адаптировали контент для удобного редактирования в будущем. Как итог — сайт выглядит уникально, но клиент может обновлять его без риска сломать верстку.
- Узкая специализация компании:
Радио и аддитивные технологии — сложные для восприятия темы, визуальные образы для них неочевидны. При разработке визуальной концепции сайта мы решили использовать векторные иллюстрации и контентные блоки, стилизованные под микросхемы, а также добавить отрисованные вручную иконки, чтобы сохранить современный подход и креативность команды.
- Конкретный запрос на дизайн:
Заказчику было важно сохранить свою визуальную идентичность, поэтому при работе над дизайном мы отталкивались от предоставленных материалов: логотипа, палитры и иллюстраций.
- Фотоконтент низкого качества:
При работе с фотографиями мы нередко обращались к Photoshop и ИИ — для устранения мелких недостатков и повышения четкости, а также использовали подходящие стоковые изображения.
Результаты и достижения
Мы помогли заказчику добиться следующих результатов:
- Продукты и исследования представлены в удобном и легко читаемом формате;
- Подчеркнута уникальность компании как лидера в импортозамещении;
- Сайт демонстрирует экспертизу РАЙТЕК в радио и аддитивных технологиях, подчеркивает адаптивность команды.
При работе над сайтом мы сохранили визуальную идентичность РАЙТЕК и предоставленные клиентом материалы, а также предложили подходящий вариант по бюджету и гибкости — сборка сайта на Tilda.
Проект показал, что даже в нишевых технологичных темах можно создать яркий и функциональный ресурс, сочетая авангардную эстетику с четкой структурой. Опыт работы над корпоративным сайтом для РАЙТЕК был для нас по-настоящему бесценным и увлекательным :)
Есть идея для нового сайта или хотите обновить существующий? Напишите нам в Picasel — вместе мы разработаем идеальное digital-решение, которое подчеркнет уникальность вашего бренда, будет технически продуманным и удобным в управлении.