GSR · редизайн главной · галерея концепций

Главный экран: все варианты

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

Раунды августа · первые экраны и знакМандала и частицыБумага и иллюстрацияАкадемия внутреннего мираСтарые идеи в 3DЛекционный зал · текущая база

Раунды августа · первые экраны и знак

Ранние поиски: тёмный технологичный премиум школы Linear/Slash, литеры и герб как герой, частицы и потоки.

Прототипы главного экрана · раунд 1Флагман-глубина, портрет из частиц, потоки энергии, живая мандала, слои тумана, топография сознания — семь ходов на одном борде.тёмная · частицы
Три концепции: Пластина, Колодец, КромкаМетафоры-прелоадеры: песок Хладни, шахта колец, воронёная сталь с побежалостью.тёмная · метафора
Пластина ХладниПесок трижды перестраивается с ударом и на третьем собирается в герб.тёмная · частицы
КолодецСайт проваливается внутрь собственного логотипа сквозь четыре кольца людей.тёмная · глубина
КромкаЧёрная дуга с бордово-фиолетовым отливом оказывается кромкой герба.тёмная · металл
Три концепции через ИИ · раунд 4Перелив, рой глубины и другие ходы, отрисованные генераторами.тёмная · иллюстрация
Три хода с буквами GSR · раунд 5Каркас, прорезь, полосы: литеры как главный герой экрана.тёмная · литеры
Раскладки текста вокруг светящихся литер · раунд 6Шесть раскладок текста и VFX-ролик вокруг одних и тех же литер.тёмная · литеры
Свободные концепции по референсам · раунд 7Перламутровый штиль и другие ходы по твоим референсам.тёмная · свет
Литеры: светлая и тёмнаяГигантский бордовый GSR® на бумаге и его тёмный близнец.литеры · две темы
Reveal · литеры оживают под пальцемЛитеры из вертикальных световых полос, отзываются на курсор.тёмная · литеры · шейдер
СветописьСвет печатает оттиск: литеры с бордово-фиолетовым свечением, полная главная.тёмная · литеры
Конфигуратор сборокТри версии и восемь развилок главной вживую, переключатели прямо на странице.тёмная · литеры
Лаборатория фонов и энергииАврора, луна-свечение и другие фоны для тёмной версии.тёмная · свет

Мандала и частицы

Герб и литеры, собранные из частиц: от мандалы под курсором до знака целиком.

Мандала под курсором · раунд 8Четыре ответа знака: частицы, золотые потоки, перелив, эхо.тёмная · частицы
Частицы · мандала, по которой можно водить рукойМандала из 3 200 частиц реагирует на курсор.тёмная · частицы
Золотые потокиЭнергия обтекает знак.тёмная · потоки
ПереливМягкий цветовой перелив вокруг герба.тёмная · свет
ЭхоКольца-эхо от герба.тёмная · свет
Знак целиком · раунд 9Три живых версии: мандала и литеры из частиц, потоки 2.0, лента.тёмная · частицы
Знак целикомМандала и литеры из частиц одним дыханием.тёмная · частицы
Фирменный знак в частицахТочная копия логотипа, собранная частицами.тёмная · частицы
ЛентаЗнак во весь экран, текст одной строкой.тёмная · частицы
Потоки 2.0Знак в течении.тёмная · потоки
Заставка загрузкиЧастицы влетают из-за границ и закручиваются в спираль вокруг герба.прелоадер
Три полные главные · раунд 10Лого-спутник, непрерывная история, слои к рассвету.полная страница
Лого-спутникЗнак-проводник до третьего блока.тёмная · частицы
Слои к рассветуОт темноты к рассвету через слои.тёмная → светлая
Непрерывная историяОдна линия ведёт через всю страницу.светлая · линия

Бумага и иллюстрация

Поворот к светлой рисованной среде: бумажный мир, персонажи, тропа.

Увидеть, что движет вамиПервая иллюстрированная концепция с людьми и глубиной.светлая · иллюстрация
Четыре направления с чистого листаСлои света, film presence, бумажные слои, ультрамариновая сетка.светлая · направления
Бумажный мир: две версии и три стиляНовая структура главной и первые стили бумаги.светлая · бумага
ТропаЛиния, рисующаяся при скролле, и рисованные локации вдоль неё; читающая оживлена.светлая · скролл
Hero · эталоны дизайн-системыСветлый и тёмный эталоны первого экрана.эталон
Персонажи дизайн-системыЛица, персонажи, сцены по канону.эталон
Листы стиляКрупные планы бумажной техники.иллюстрация
Премиум-сценыСцены с реальными местами и метафорами.иллюстрация
Богатая палитраСцены с бордо цветовой массой.иллюстрация
Сцены слоямиМногослойные сцены под параллакс.иллюстрация
Вау-элементыМетафоры-элементы для блоков.элементы
ЛокацииКабинет, лекторий, метафоры.локации

Академия внутреннего мира

Научно-фантастическая академия: сечения, линза, пластины. Живой hero с Rive-персонажем.

Старые идеи в 3D

Неон, частицы и герб докручены в объём: three.js и Blender.

Лекционный зал · текущая база

Принятая иллюстрация зала, разобранная на слои: появление, живая аудитория, логотип на экране.