Chipsa Design

В новой статье делимся мыслями о том, как союз идей, эстетики и передовых технологий, таких как 3D и WebGL, превращает сайт в живое переживание, рисуя историю для каждого пользователя. Ссылка на статью #статьи

6 место — Креатив в цифровых продуктах 7 место — Разработка сложных сайтов и веб-сервисов 20 место — Дизайн цифровых продуктов https://ratingruneta.ru Для нас это не просто цифры. Это подтверждение того, что наша сила — в синтезе креативных идей, эстетического дизайна и передовых технологий. Особенно приятно оказаться в числе лидеров сложной разработки. Для нас её суть — не в архитектуре или бэкенде, как для большинства участников этого среза, а в реализации сильных, эмоциональных и визуально насыщенных идей. Эти идеи рождаются у наших дизайнеров — и обретают форму в вебе благодаря команде разработчиков. Поздравляем коллег, которые вместе с нами задают планку для индустрии и двигают её вперёд. И большое спасибо команде Рейтинга Рунета за внимательный, щепетильный и по-настоящему полезный анализ. Это важный ориентир для тех, кто ищет сильных и проверенных партнёров для своих проектов.

Нам нужен программист, которому (которой) будет в кайф работать над имиджевыми (в первую очередь) и функциональными (во вторую) проектами, расти и развиваться, помогать всей команде добиваться новых высот! В идеале - в офис в Красноярске, но другие варианты тоже рассмотрим. Пишите в телегу @chipsahr или на почту hr@chipsa.ru.

Это наши проекты, в которые мы вложили душу, бессонные ночи и кучу экспериментов. И которые это окупили — наградами 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 обеспечивает удобное управление контентом, а кастомный код раскрывает почти «безграничные» возможности для анимации и вовлечения пользователей. Получилось круто и точно достойно того, чтобы об этом похрустеть!