Chipsa Design

Это наши проекты, в которые мы вложили душу, бессонные ночи и кучу экспериментов. И которые это окупили — наградами Awwwards, FWA, CSSDA и не только. В формате статьи — коротко и по делу рассказываем, чем каждый из них особенный: WebGL, 3D, дизайн с идеей и… немного безумия для поиска прорывных решений. https://chipsa.ru/publications/9-proektov-chipsa-kreativnye-saity-kak-proizvedeniia-iskusstva #статьи

Теперь мы рассказываем о проектах не только словами и картинками, но и в формате видео. Живые лица, эмоции и детали, которые не вошли в финальные кейсы. Здесь не будет шаблонов или продуманных заготовок. Только живое закулисье: как рождаются идеи и как дизайн превращается в инструмент, который вызывает эмоции и работает во благо бизнеса. Стартуем с проекта для киностудии «Правда 24». Они снимают кино, а мы — создаём пространство в вебе, где каждый кадр на своём месте. Никита Грузиненко, проект-менеджер студии, расскажет подробно, как шла работа над дизайн-концепцией этого проекта. https://www.youtube.com/watch?v=sNz-_L-Bq3k В этих видео вы услышите чипсинок студии — свободно, без заученных текстов, с деталями, которые обычно остаются за кадром.

Новый проект для уникальной группы компаний, работающих в сфере киноиндустрии — Pravda24. Это не просто сайт «под ключ» — это целостный креативный проект с айдентикой и визуальной концепцией, в центре которой интерактивная карта на Three.js. Совсем скоро расскажем подробнее и поделимся ссылкой на результат.

Что объединяет логотип Nike, интерфейс Google и маленькое чёрное платье? Это примеры креативных решений, которые оказались сильнее времени. В новой статье разбираемся, как простые и оригинальные идеи становятся вечной классикой. От дизайна и брендинга до архитектуры, моды и технологий — вдохновляющие примеры из разных сфер. https://chipsa.ru/publications/virusnyi-kontent-i-vecnaia-klassika-primery-dolgovecnyx-kreativnyx-resenii #статьи

Люди больше не читают. Они чувствуют. И если за 5 секунд ты не вызвал "вау" — ты проиграл. Мы в Chipsa делаем сайты, которые не просто продают, а влюбляют. Показываем, как креатив и технологии спасают бренды от забвения — в нашей новой статье. https://chipsa.ru/publications/pocemu-prosto-udobnye-saity-uze-ne-rabotaiut-i-kak-my-eto-meniaem #статьи

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

Как оказалось, создать расширенный нодовый материал в трехе очень просто: нужно использовать методы типа setupPosition, setupDiffuseColor и в них присваивать новые значения соответствующим нодам (в первый коммент положил пример кода). Далее материал используется как обычно, при необходимости внедряя кастомный шейдерный код в нодовые слоты (positionNode, colorNode, и т.д.). При этом реализация расширенного материала скрыта от пользователя. Таким образом можно создавать кастомные материалы с различными конфигурируемыми эффектами, не теряя возможность модифицировать шейдеры как угодно! Даже можно наделать npm-пакеты с эффектами :) Live: https://pavelmazhuga.com/lab/tsl-custom-node-material">https://pavelmazhuga.com/lab/tsl-custom-node-material Source code: https://github.com/pavel-mazhuga/portfolio/tree/main/src/app/lab/tsl-custom-node-material">https://github.com/pavel-mazhuga/portfolio/tree/main/src/app/lab/tsl-custom-node-material

В новом материале — разбираем, что делает креативные решения действительно устойчивыми. От уникальности и гибкости до эмоционального отклика и функциональности — те самые качества, которые помогают брендам выделяться и оставаться актуальными на долгие годы. https://chipsa.ru/publications/gibkost-i-emocii-pocemu-kreativnye-reseniia-dolgovecny

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

Импрессионизм, балет и пластическая хирургия — собрали всё это в одном проекте. В статье рассказываем, как создавали 3D-образ балерины, осваивали риггинг с нуля и отказались от AI в пользу ручной работы. ⠀ Почему стабильная анимация — это не только про скелет, как выглядят цифровые идеалы и что делать, когда референс выглядит эффектно, но технически не работает — по ссылке ниже. https://chipsa.ru/publications/trebuetsia-srocnaia-animaciia-kak-my-vpervye-ispolzovali-3d-model-celoveka-dlia-saita-kliniki-plasticeskoi-xirurgii

Целиком и полностью про визуальный контент: CGI, motion-дизайн, 3D, AI — всё то, что мы создаём внутри проектов и за их пределами. Мы давно работаем с этим. Но сейчас захотели сказать об этом отдельно. Потому что для нас контент — не просто инструмент, а способ оригинально решать задачи и представлять наши идеи. Когда слова оказываются слишком прямыми или недостаточно ёмкими, именно визуальный язык помогает выразить идею — точно, эмоционально и сильно. Графический контент передаёт суть быстрее, чем текст. Вовлекает без лишних объяснений. Запускает ощущение, формирует эмоцию и оставляет след. Особенно когда за ним стоит идея, эстетика, внимание к деталям и желание передать не только форму, но и чувство. Иногда контент рождается из задачи. Иногда — из стремления сделать красиво. Но чаще — из внутреннего импульса найти ту точку, где идея обретает форму. Создание шоурила — Евгения Жалнина

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

Основная идея проекта Promeat — представить сайт как стильный журнал о мясе. Мы выбрали журнальную верстку, потому что она сразу задаёт нужный тон: профессиональный, но при этом лёгкий и живой. Добавили неформальные элементы (подчеркивания, обводки), чтобы дизайн не выглядел сухо. Язык сделали простым и понятным, использовали рабочий сленг horeca, чтобы быть ближе к аудитории. https://www.behance.net/gallery/212319121/Promeat Ещё придумали интерактивную секвенцию с куском мяса. Это решение отлично привлекает внимание к продукту и делает сайт интереснее. Пользователь сразу понимает, на чём главный акцент, так как взаимодействие с клюевым визуалом не заканичвается на первом экране, а сопровождает пользователя при изучении основной информации о компании Promeat. Дизайн — Анастасия Дианова 3D — Антон Чугунов Арт-дирекшен — Александр Педченко Менджемнт — Мария Суходолец

Как использовать бессознательное для генерации ярких креативных идей и что делать при творческом выгорании? https://chipsa.ru/publications/psixoanaliticeskie-texniki-i-poisk-kreativnyx-idei В этой статье мы рассказали о практических методах психоанализа и современных психологических подходах, которые помогут вернуть вдохновение и раскрыть ваш творческий потенциал.

Live: https://pavelmazhuga.com/lab/particles-morphing-2/webgpu Source code: https://github.com/pavel-mazhuga/portfolio/tree/main/src/app/lab/particles-morphing-2/webgpu

Прошу прощения за шуршание и хруст в эфире, но иначе никак — не могу удержаться, когда вижу такой вкусный проект на Webflow. Давайте вместе заценим, похрустим и вдохновимся. https://www.bleibtgleich.com/ Тут всё на высоте: язык, стиль, анимации, работа с типографикой — всё сливается в единый ритм. Несмотря на то, что сайт сделан на базе Webflow, он великолепно сочетается с продвинутыми анимациями на GSAP и Three.js. Переходы между страницами и «живые» эффекты (шейдер, реагирующий на курсор и плавный скролл с Lenis, да-да, именно Lenis) придают завораживающей динамики. По нажатию одной кнопки можно отобразить модульную сетку — мелочь, а приятно, ведь это позволяет увидеть структуру дизайна во всей красе. А ещё текст здесь подаётся в два слоя, что даёт дополнительной глубины восприятию. Этот проект — яркий пример органичного синтеза простоты и сложности: Webflow обеспечивает удобное управление контентом, а кастомный код раскрывает почти «безграничные» возможности для анимации и вовлечения пользователей. Получилось круто и точно достойно того, чтобы об этом похрустеть!

В основе — смелая и утончённая концепция, вдохновлённая балетной грацией и творчеством художника Эдгара Дега. Здесь технологии и эстетика сплетаются в гармоничный союз, в котором ключевой визуал с такой непростой 3D-анимацияей становится визитной карточкой сайта. Для нас этот проект стал ещё и первым опытом работы с риггингом и анимацией людей — было непросто, но результат того стоил. Скоро расскажем обо всём подробнее в статье. А пока можно взглянуть на сайт здесь. Дизайн — Артем Передков 3Д — Антон Чугунов Арт-дирекшен — Александр Педченко Фронтенд — Павел Мажуга, Павел Никифоров Бэкенд — Сергей Ветлугин, Иван Решетило Тестирование — Игорь Чихачев Менеджмент — Мария Суходолец , Наталья Божевникова

Все начинается с искры — креативной идеи, которая превращает обычный проект в незабываемый. Креативная команда дизайнеров — это те, кто добывает эту искру, раздувая её в настоящий огонь эмоций и вовлечения. Яркий дизайн, нестандартные решения и современные технологии помогают не просто привлечь внимание, а создать глубокую связь с аудиторией. Когда идея вспыхивает, она зажигает целый поток энергии, который ведет каждого участника проекта к общему успеху. Хотите узнать, как креатив превращается в результат? Читайте нашу новую статью и вызывайте реакцию огня вместе с нами. https://chipsa.ru/publications/razzigaia-iskru-rol-kreativnoi-komandy-dizainerov-v-strategii-prodvizeniia-biznesa

Сайты креативных студий зачастую содержат чуточку шизы (а порой и целый мешок), и Rick Barry тут не подвел. Минимализм? Есть. Всего один блок на главной. Стиль? Имеется. Максимальный. Но главное — наведите курсор на буквы и включите звук. Это не просто сайт, а маленький интерактивный перформанс, где каждая буква живет своей жизнью. В итоге вы либо кайфанете, либо подумаете: «А что это вообще было?» https://rickbarry.com.au/