Разработка сайта для MTS Future Crew

Команда Red Collar получила нетривиальную задачу — за две недели до мероприятия разработать несколько страниц для презентации продукта. Сложностей добавляло отсутствие готовой айдентики и проработанного брендинга. Однако, благодаря новейшим визуальным и технологическим решениям нам удалось уложиться в сроки, и клиент утвердил первую итерацию практически без правок. В настоящее время сайт Future Crew продолжает развиваться и наполняться: появились разделы “О нас”, “Вакансии”, “Новые продукты”.

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

Next.js — фреймворк для React для создания сайтов с серверным рендерингом страниц. Это позволяет нам делать SEO-оптимизацию сайтов и уменьшает скорость загрузки сайтов, так как предварительно собирается на сервере и отдается на клиент (в браузер) в готовом виде.

Для работы с формами в React мы использовали библиотеку react-hook-form, что является стандартом индустрии на сегодняшний день.

Для работы с состоянием применяли effector, наш основной инструмент разработки в Red Collar. За счет свой декларативности effector позволяет писать меньше кода, что увеличивает скорость разработки.

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

Для бэкенда используется PHP и фреймворк Laravel. Работа с контентом ведется в админке на базе CMS Twill.

В качестве основы визуальной концепции заказчик предложил идею незавершенности. Эта идея нашла отражение, например, в логотипе Future Crew — “недорисованный” шрифт как символ только-только зародившейся идеи, которой еще предстоит развиваться и расти. 

Для разработки визуала активно использовались нейросети. За основу мы взяли тему камня-самородка и по этому запросу с разными вариациями сгенерировали множество абстракций. Полученные изображения мы скомбинировали с мотивами расслоения, которые используются в дизайне МТС RED, ненавязчиво подчеркнув связь двух проектов. Продуктовые страницы мы тоже визуализировали при помощи нейросетей.