МТС RED
Финансы, инвестиции, банки
Россия, Москва
Декабрь 2023
Команда Red Collar получила нетривиальную задачу — за две недели до мероприятия разработать несколько страниц для презентации продукта. Сложностей добавляло отсутствие готовой айдентики и проработанного брендинга. Однако, благодаря новейшим визуальным и технологическим решениям нам удалось уложиться в сроки, и клиент утвердил первую итерацию практически без правок. В настоящее время сайт Future Crew продолжает развиваться и наполняться: появились разделы “О нас”, “Вакансии”, “Новые продукты”.
В качестве технологического стека на фронтенде мы использовали:
Next.js — фреймворк для React для создания сайтов с серверным рендерингом страниц. Это позволяет нам делать SEO-оптимизацию сайтов и уменьшает скорость загрузки сайтов, так как предварительно собирается на сервере и отдается на клиент (в браузер) в готовом виде.
Для работы с формами в React мы использовали библиотеку react-hook-form, что является стандартом индустрии на сегодняшний день.
Для работы с состоянием применяли effector, наш основной инструмент разработки в Red Collar. За счет свой декларативности effector позволяет писать меньше кода, что увеличивает скорость разработки.
Помимо готовых библиотек и фреймворков наши разработчики использовали собственные наработки: благодаря им сайт корректно поддерживает двуязычный интерфейс.
Для бэкенда используется PHP и фреймворк Laravel. Работа с контентом ведется в админке на базе CMS Twill.
В качестве основы визуальной концепции заказчик предложил идею незавершенности. Эта идея нашла отражение, например, в логотипе Future Crew — “недорисованный” шрифт как символ только-только зародившейся идеи, которой еще предстоит развиваться и расти.
Для разработки визуала активно использовались нейросети. За основу мы взяли тему камня-самородка и по этому запросу с разными вариациями сгенерировали множество абстракций. Полученные изображения мы скомбинировали с мотивами расслоения, которые используются в дизайне МТС RED, ненавязчиво подчеркнув связь двух проектов. Продуктовые страницы мы тоже визуализировали при помощи нейросетей.