Chipsa Design

Chipsa Design

@chipsadesign
Изображение канала: Chipsa Design
3 685 подписчиков
26 постов
Посты
Кто снова оставил Чипсы на кухне в коммуналке? Они опять притащили референс! Теперь у нас на ужин стиль, минимализм и немного шизанутого интерактива. Хрустите аккуратно.
Сайты креативных студий зачастую содержат чуточку шизы (а порой и целый мешок), и Rick Barry тут не подвел. Минимализм? Есть. Всего один блок на главной. Стиль? Имеется. Максимальный. Но главное — наведите курсор на буквы и включите звук. Это не просто сайт, а маленький интерактивный перформанс, где каждая буква живет своей жизнью. В итоге вы либо кайфанете, либо подумаете: «А что это вообще было?» https://rickbarry.com.au/
https://content.desigram.ru/static/d8b5e912-5e12-46fa-a8bf-4de9f0dac1d9.jpg
Мы редко занимались дизайном игр. А теперь второй проект за пару месяцев. Кажется, мы втягиваемся!
Скоро обо всём расскажем подробнее, а пока встрейте тизер.
#доклады
TypeScript-хардкор / Герои 3 в браузере / Новое в Three.js / Сложный фронтенд Обо всем этом — в новых докладах HolyJS 2025 Spring: ⚙️ Ведущий разработчик в Т-Банке Сергей Соловьев расскажет, как сделать JavaScript-интерпретатор на типах TypeScript — научимся вычислять значения eval и new Function на этапе компиляции. ⚔️🧙‍♂️ Руководитель подразделения портирования в GamePix Александр Гурьянов разберет методологию портирования на примере классических игр — «Героев 3», «Вагнеров» и «Периметра». Доклад полезен всем, кто портирует нативное ПО в веб. 👁 Павел Мажуга из команды Chipsa, создавшей интерактивный 3D-музей Самоката в вебе расскажет, как устроена нодовая система в Three.js — Three.js Shading Language. Разберемся в генерации шейдеров. 🤯 Разработчик, автор книг и множества докладов про API Сергей Константинов расскажет, почему фронтенд такой сложный: как меняются парадигмы, эволюционируют подходы и что ждет нас в будущем. HolyJS 2025 Spring пройдет 7–8 апреля в Москве с онлайн-трансляцией. Подробности о докладах и билеты — на сайте конференции.
https://content.desigram.ru/static/ae5ae50f-202a-4596-981f-54ef4b8be18c.jpg
Как мы оптимизировали тонны контента и высекли логотип из камня.
Последний текст о нашем новом сайте – теперь о технической стороне. Видео без лагов, интерактивный логотип и WebGL-анимации. Всё это – результат долгой работы и десятков решений, о которых рассказали в нашем блоге.
Попали в топ-9 агентств 2024 года по версии CSS Design Awards!
Безумно круто оказаться в одном списке с ведущими мировыми агентствами! Особенно приятно читать текст с сайта CSSDA — он по-настоящему греет душу. Следующие финалисты заслуживают признания за выдающийся вклад в индустрию веб-дизайна и разработки. Наряду с победителями они продолжают вдохновлять целое поколение прошлых, нынешних и будущих профессионалов в области цифровых технологий. С победителями и другими номинациями можно ознакомиться по этой ссылке. https://www.cssdesignawards.com/blog/2024-doty-winners-are-here/411/
https://content.desigram.ru/static/e53223d7-995d-43e8-af24-240630745e4a.jpg
Почему дорогой дизайн и креативный подход продают лучше, чем десятки призывов к действию и кнопок «Купить сейчас»?
Мы привыкли к сайтам, перегруженным мигающими баннерами и кричащими скидками. Но на самом деле именно эмоции и эстетика сильнее всего влияют на решение о покупке. В статье мы разобрали, почему стиль, визуальная подача и сторителлинг превращают случайных посетителей в преданных клиентов. Ссылка на статью.
Снова Chipsa и снова с музыкой.
Как часто вы заглядываете «под капот» клипа известного исполнителя, чтобы узнать, кто стоит за его режиссурой? Ведь за визуальной магией зачастую скрываются гениальные авторы, на чьих плечах лежит всё — от концепции до постановки света. И один из самых ярких примеров — Дэйв Мейерс, человек, подаривший неповторимое визуальное оформление множеству топовых артистов: от Арианы Гранде и Билли Айлиш до Кендрика Ламара и Трэвиса Скотта. https://davemeyers.com/ Его фирменный стиль — это завораживающая эстетика с яркими цветами, неоновыми акцентами и сюрреалистичными деталями, которые вместе с динамичным монтажом создают настоящий взрыв впечатлений. Начав свой путь ещё в 90-х, Мейерс громко заявил о себе после работы с Korn и Outkast, а сегодня регулярно получает престижные награды (MTV VMA, Grammy) и входит в списки самых инновационных клипмейкеров. Однако Дэйв Мейерс снимает не только музыкальные клипы: его портфолио включает рекламные ролики для мировых брендов (Nike, Apple) и даже полнометражный фильм («Попутчик», 2007) — ремейк известного триллера 1986 года. Такой размах позволяет ему смело переносить нестандартные визуальные решения в самые разные проекты и раздвигать границы привычного формата, доказывая, что музыка и картинка могут взаимодействовать не только в музыкальных видео, но и в рекламе, и в кино, рождая уникальный аудиовизуальный опыт для зрителей.
Эпоха изобретательных запросов: Почему важно учиться виртуозно формулировать свои мысли
Искусственный интеллект — это мощный инструмент, но без правильных запросов он может вас не понять и не выдать крутой результат. В этой статье разбираем, как грамотно формулировать промты, на что обратить внимание и почему эксперименты — ваш лучший друг в освоении AI. Ссылка на статью Читайте и становитесь мастером общения с цифровым разумом.
https://content.desigram.ru/static/bcb0a96d-e04d-45b9-8e43-0747506f90bc.jpg
Рассказываем о дизайне нового сайта студии.
Мы всегда стремимся выходить за рамки привычного и экспериментировать. В новой статье рассказываем, как работали над дизайном нашего сайта без ключевого визуала и снова сделали «не как у всех». Почему мы выбрали путь от концепции к смыслам, как пришли к идее с 3D и какие сложности пришлось преодолеть — делимся инсайтами и опытом. Ссылка на статью
https://content.desigram.ru/static/c0ec811c-ddf7-4ed9-8604-6d1d12cf5e97.jpg
В конце года к нам пришли за дизайном и созданием контента для одной новогодней игры. Пока кидаем на затравку тизер, а уже кейс и подробности покажем-расскажем в 2025.
Тизер нашего нового проекта, посвященного форуму нефтегазовой промышленности.
Дизайн — Марина Куклина Арт-дирекшн — Александр Педченко Менеджмент — Татьяна Кыштымова
Не создаём, а разрушаем: как мы переделали собственный сайт и заложили в него новые смыслы.
Наш новый слоган – не просто слова, а ключ к нашей обновлённой философии. Мы решили «разрушать» привычные подходы, чтобы из обломков собрать более смелую, эстетичную и креативную реальность. В статье рассказали о перезапуске сайта, символичной каменной чипсинке и новом взгляде на дизайн, где эстетика диктует правила, а ограничения – только исходный материал для создания будущего. Это первая статья из серии историй нашего обновления. Далее расскажем о дизайне нового сайта и его разработке. Ссылка на статью P.S. Кстати мы запустили блог на нашем сайте. Теперь будем чаще приглашать зайти к нам на огонек.
https://content.desigram.ru/static/599fee99-eebc-40b9-a1bc-bccf81a44578.jpg
Сайт с процедурной генерацией.
А много вы знаете сайтов, где ключевой визуал реализован с помощью процедурной генерации? Мы вот в Chipsa нет, и поэтому когда наткнулись на этот перл решили бережно его доставить в Коммуналку. https://www.gladeye.com/ Gladeye — креативное агентство из Новой Зеландии, создающее бренды, сайты, рекламные кампании и цифровые продукты с фокусом на устойчивом и сбалансированном развитии. Они используют сторителлинг, AI и инновации для разработки иммерсивных проектов. Агентство сочетает креатив с технологиями для решения задач будущего. Говоря о процедурной генерации хочется отметить, что данная технология помогает создавать впечатляющий контент автоматическим образом. Это поддерживает идеологию устойчивости, ведь снижаются затраты на ручной труд без потери качества и WOW-эффекта ключевого визуала. #веб #webgl
Некоторое время назад я начал активно изучать систему нод и TSL в Three.js. Попробую писать демки на TSL в качестве обучения :) Пока вот сделал бесконечный океан (ish), давайте это так называть.
Секрет в том чтобы двигать меш (воду) вместе с камерой и использовать world position вместо local position в функции нойза, тогда все красиво работает:) Сам меш размером 20x20, 256x256 сегментов Live: https://pavelmazhuga.com/lab/infinite-water/webgpu">https://pavelmazhuga.com/lab/infinite-water/webgpu Source code: https://github.com/pavel-mazhuga/portfolio/tree/main/src/app/lab/infinite-water/webgpu
Креативная Frontend-разработка: магия, создающая настоящее и будущее web-пространства.
В нашей новой статье мы рассмотрели, кто такой креативный фронтенд-разработчик и как он сочетает технологии и дизайн для создания современных веб-интерфейсов. Рассказали чем креативный фронтенд отличается от классического, какие задачи стоят перед такими специалистами и какие навыки необходимы для работы в этой сфере. В статье вы также найдете нашу подборку полезных ресурсов для изучения и погружения в тему креативной разработки. https://vc.ru/dev/1680812-kreativnaya-frontend-razrabotka-magiya-sozdayushaya-nastoyashee-i-budushee-web-prostranstva
https://content.desigram.ru/static/eda66922-23ab-42d8-b9af-9889a035fd5d.jpg
Вменяемый HR в креативной команде: как управлять непростым поколением, любить и растить в грейдах.
Еще один доклад из секции управления на Chipec–6. На это раз от Ирины Парфеновой, испонительного директора digital-агентства «WOW». Тезисы выступления: — Мы все хотим чтобы люди работали долго и счастливо; — Мы подменяем огонь в глазах лояльностью; — Мы соглашаемся, что временная слабость — это выгорание; — Как же жить, чтобы каждый шаг в грейдах был и по любви и по расчету. https://www.youtube.com/watch?v=5YNT0970Qww Приятного просмотра!
https://content.desigram.ru/static/b1cd5597-b431-4de8-8aa2-ebd200e3cb4d.jpg
Пятничный реф, влетая с двух ног в Коммуналку, Chipsa посвящает сногсшибательному киноискусству!
Вступительные титры к фильму «Вход в пустоту», созданные дизайнером Томом Каном, — это визуальный шедевр, превративший обычный элемент кино в самостоятельное произведение искусства. Яркие неоновые цвета, бешеный темп смены шрифтов и визуальные эффекты идеально передают настроение фильма Гаспара Ноэ. Титры вдохновлены эстетикой токийских улиц, аркадных игр и рейв-культуры, создавая ощущение, будто зритель сразу же погружается в изменённое состояние сознания. Это не просто начало — это графический удар по эмоциям. Квентин Тарантино назвал эти титры «величайшими в истории кино», подчеркнув их новаторство и мощный эффект. Они задают тон фильму, разрушая привычные правила и создавая мгновенный шок, который готовит зрителя к необычному и экстремальному путешествию. Кан и Ноэ доказали, что даже титры могут стать ярким проявлением кинематографического искусства. #ролик
Доклады секции управления на Chipec–6.
Начинаем новую серию докладов, которая будет посвящена теме управления проектов и компаний. https://youtu.be/1VT5_GVkslE Спикер: Валерия Коткас, Руководитель проектного офиса продакшна полного цикла Wemakefab. Тезисы доклада: – Этапы зрелости компании и как ломается система при росте; – Идеальные роли клиентского отдела внутри агентства; – Кто должен продавать: продажник, аккаунт или проджект-менеджер: эксперименты с KPI; – Лишняя бюрократия или необходимость: как стали появляться регламенты и процессы. Приятного просмотра!
https://content.desigram.ru/static/4022ec52-e6f3-466e-bd1d-93d942f13f70.jpg
Выступление Вовы Лифанова на Chipec–6
Гасите свет! Мы погружаемся в один из самых интересных дизайнерских киносеансов прошлого года. Вова Лифанов, главный супрематик, выступил в Синема-Парк в октябре того года с очень животрепещущим докладом. В нем есть и смех и радость, и ноты философской рефлексии, которую многие переживают из нас. Ключевой тезис доклада: Может ли быть у дизайнера свой стиль? Что такое стиль, и как он коррелирует с современностью? Зачем это всё и вообще, что же такое дизайн в конце концов. P.S. То что Вову не видно почти весь доклад – он сам попросил полностью погасить свет в зале. Хотел создать атмосферу полного погружения. Приятного просмотра! https://youtu.be/tPacEolXHWM
https://content.desigram.ru/static/663fc95a-3262-4d15-ab16-017b8c182c82.jpg
Крутой доклад для тех, кто интересуется работой с 3D-графикой.
https://www.youtube.com/watch?v=cCqalIR3YBE Артем Кожевников, дизайн-директор в Mish (ex. Бета), рассказал о том, что первому дизайнеру уже пора приготовиться. Как делают 3D в играх, кино и чем это отличается от 3D для веба. Посмотрим, как технологии трехмерной графики меняют облик цифрового пространства, как и где в проектах уместно применять 3D, а так же разберем как быстро сделать свою первую модель и запустить свой первый сайт с 3D.
https://content.desigram.ru/79ae105b-09d0-4055-8ac1-9fcfef25c904.jpg