26844
Сайты с хорошим дизайном со всего света 🤟 Since 2016 Сотрудничество: @design_manager_bot
Брутализм — как глоток свежего воздуха в мире стерильного, максимально коммерческого веба. Такой дизайн отпугнёт большую часть аудитории массмаркетов, но зацепит тех самых панков, для который и предназначены андерграундные бренды.
Мне очень нравятся эта жёсткая вёрстка со сжатым Arial, похожая на чек из магазина, отсутствие логотипа в хедере и листинг с подписью посреди экрана. Это дух бунтарства и зинов и нет-арта из двухтысячных. Не всем он по душе, не все могут его понять и принять, но свою аудиторию он точно находит.
〰️
Brutalism is like a breath of fresh air in the world of a sterile, maximally commercial web. Such a design will scare away most of the mass market audience, but it will hook the very punks that underground brands are designed for.
I really like this rigid layout with compressed Arial, similar to a receipt from a store, the absence of a logo in the header and a listing with a signature in the middle of the screen. This is the spirit of rebellion and zines and net-art from the 2000s. Not everyone likes him, not everyone can understand and accept him, but he definitely finds his audience.
http://verner.co
Очень нравится простота, геометричность и яркость. Нравится, как фотографии появляются из цветных кружочков, а ссылки в навбаре — наоборот убираются в кружочки. Также хочу отметить очень классную цветовую палитру и плавные анимации
〰️
I really like simplicity, geometricity and colorfulness. I like how photos appear from colored circles, and links in the navbar, on the contrary, are removed into circles. I also want to mention a very cool color palette and smooth animations
https://dorstenlesser.com
Хотел написать текст про этот сайт, но прямо перед записью они выкатили обновление, в котором изменили вообще всё. Так что всё, что будет написано дальше — про старую версию лендинга. Вообще, я порылся в веб-архиве и обнаружил, что они за год уже несколько раз лендинг обновили. Видимо, оунер продукта сам дизайнер.
И так, что я, собственно хотел сказать: мне очень нравится визуал в виде клеточного листа с чертежами. Это простое, но прикольное визуальное решение. Выглядит промово и сразу ассоциируется с тем, что продукт заменяет — аналоговые чертежи.
〰️
I wanted to write a text about this site, but right before recording, they rolled out an update in which they changed everything. So everything that will be written next is about the old version of the landing page. Actually, I rummaged through the web archive and found that they had already updated the landing page several times over the year. Apparently, the owner of the product is the designer himself.
And so, what I actually wanted to say is: I really like the visual in the form of a cellular sheet with drawings. This is a simple but cool visual solution. It looks promo and is immediately associated with what the product replaces — analog drawings.
www.rayon.design
Фаундер наших друзей из студии @salt_and_pepper_agency рассказывает про найм и обучение сотрудников. Залетайте вечером на стрим)
https://www.youtube.com/watch?v=G-tlzBf69U4
Как Авито улучшает сервис недвижимости с помощью догфудинга?
Все просто: сотрудники Авито становятся реальными покупателями, чтобы на практике понять их опыт и улучшить продукт. Узнайте, как этот метод помогает находить инсайты и исправлять баги в новой статье от команды дизайна жилой недвижимости Авито.
Подробности по ссылке.
Intercom выкатили лендинг нового продукта. Как всегда отличная работа с типографикой и сеткой, приятные глазу анимированные иллюстрации. Очень нравятся иллюстрации на главной и в подвале, будто картины, написанные маслом. Уж не знаю,генерируют они их в нейронке или рисуют специально (и если так, то очень похвально, потому что картинок много и они проработанные), но выглядят они всегда потрясающе, прям хочется себе на обои рабочего стола поставить.
Кстати, в Хроме сайт подтормаживает, а вот в Сафари работает отлично. Кажется, пора сменить браузер...
〰️
Intercom rolled out a landing page for a new product. As always, excellent work with typography and grid, nice-looking animated illustrations. I really like the illustrations on the main and in the basement, like oil paintings. I don't know if they generate them in a neural network or draw them on purpose (and if so, it's very commendable, because there are a lot of pictures and they are well-developed), but they always look amazing, I just want to put them on my desktop wallpaper.
By the way, the site slows down in Chrome, but it works fine in Safari. It seems it's time to change the browser...
https://www.intercom.com/support-for-customers/ai-agent
Бросить все и уйти в дизайн?
Антон Астапенко бросил универ на последнем курсе, карьеру музыканта и ушел в продуктовый дизайн.
За 4 года в профессии поработал в Raketa, Clay и вырос до старшего дизайнера в Volet, где отвечал за веб.
Начинающие найдут на канале авторские заметки, мысли о том как искать первую работу (основанные на более чем 400 откликов) и конечно хайлайты статей, книг, подкастов и тд, которые он изучает ежедневно.
Опытные — про смену работы, как просить (и получать) больше зп, зачем вести личный блог и как планирует его развивать.
После подписки кликайте на закреп — там чуть больше информации об авторе: @antonastapenko
Нашёл тут очень длинный, залипательный и интересный с точки зрения содержания сайтик, полезный для дизайнеров. Нравится большое количество анимаций, интерактивных элементов. В целом всегда приятно видеть сайты формата playbook — это как учебник, но интерактивный. А то иногда складывается ощущение, что кроме Бюро Горбунова никто этим не занимается.
Собран сайт, кстати, на новомодном Framer и, честно говоря, в таких сложных проектах показывает он себя не очень. Сайт тормозит даже сильнее, чем лендинги на Редимаге. А ещё в некоторых местах как будто не хватает законченности анимации и транзишна. Но в целом, мило
〰️
I found a very long, entertaining and interesting website from the point of view of content, useful for designers. I like a lot of animations and interactive elements. In general, it's always nice to see playbook format sites — it's like a textbook, but interactive. And sometimes it feels like no one is doing this except Bureau Gorbunov.
The site was built, by the way, on a newfangled Framer and, frankly, it does not show itself very well in such complex projects. The site slows down even more than the landing pages on the Redimage. And in some places there seems to be a lack of completeness of animation and transience. But overall, it's nice
https://thedesignsystem.guide/design-tokens-naming-playbook
Продолжаем пятничную рубрику, где дизайн-студии делятся своими референсами. Сегодня контент подготовили дизайнеры из агентства ONY. Передаем им слово:
Как сайт может стать отражением экспертности агентства?
Вот отличный пример — сайт 28К. Этот проект показывает, как метафоры, микровзаимодействия и качественная адаптивность подчеркивают внимание к деталям.
На сайте использована метафора циферблата/времени, которая выполняет функцию навигации. Благодаря этому подходу анимация не только увлекает пользователя, но и погружает его в проекты агентства, создавая целостное впечатление.
Стоит также отметить высокий уровень реализации адаптивной версии. Мобильная версия отличается лаконичностью и простотой, даже превосходя десктопную по удобству. При сложных анимациях навигация остается интуитивно понятной, а пользовательский путь — максимально комфортным.
Этот сайт — отличный пример того, как можно смело экспериментировать с дизайном, не жертвуя при этом удобством и юзабилити.
https://28k.studio/
БАЗА ЗНАНИЙ ДИЗАЙНЕРА
Илья Сидоренко (дизайнер с опытом более 10 лет и автор бестселлера «Дизайнер интерфейсов») создал бесплатную базу знаний для дизайнера.
Что в базе:
+ как найти работу в продукте (пошаговая стратегия)
+ навыки, без которых не будет роста в профессии
+ советы по оформлению портфолио и резюме
+ 10 методов повышения дохода
+ 9 принципов успешного собеседования
+ обновления каждый месяц
База знаний доступна в закрепленом сообщении канала Ильи «Дизайнер будущего».
Подписывайтесь на канал, изучайте Базу и применяйте. А если останутся вопросы – пишите лично Илье, он всегда готов поделиться опытом или советом.
Реклама. Сидоренко И. А., ИНН: 503013064674, erid: 2VtzqwMLSdN
Единственный сайт для AI-продукта, где звёздочки оправданы, ведь фон выглядит как космос, а в блоке с обзором функционала летит комета вместо скроллбара. Снова похвалю за интерактивные элементы, это всегда радует. Ещё нравится идея с тем, чтобы наглядно показать как меняется результат в зависимости от промта. Ну, и в финале очень красивый эффект со звёздочками и очень плавной анимацией.
〰️
The only site for an AI product where asterisks are justified, because the background looks like space, and a comet flies in the block with an overview of the functionality instead of a scrollbar. I will praise you again for the interactive elements, it always pleases. I also like the idea of visually showing how the result changes depending on the product. Well, in the final there is a very beautiful effect with asterisks and very smooth animation.
http://dora.run/ai
Очень порадовало портфолио этой студии. Здесь отлично сочетается «душа и техника» из известного спора. Сайт потрясающе технически выполнен — проработанная 3D-графика, хорошая оптимизация. Одновременно с этим он очень фановый. Сначала я просто улыбался, цепляясь глазами за пасхалки, а потом включил звук и меня окончательно порвало, потому что в качестве саунд-дизайна здесь музыка из мема «ГОЛОСОВАНИЕ». В общем, тот случай, когда форма говорит за содержание. Даже не заходя в кейсы ты понимаешь, что эти ребята горят своим делом.
〰️
I was very pleased with the portfolio of this studio. It perfectly combines the "mentally and technically" of the famous dispute. The site is stunningly technically executed — detailed 3D graphics, good optimization. At the same time, he is very much a fan. At first I just smiled, clinging to Easter eggs with my eyes, and then I turned on the sound and I finally burst out laughing, because as a sound design here is music from a meme from CS 1.6. In general, this is the case when the form speaks for the content. Even without going into the cases, you realize that these guys are burning with their job.
https://sirena.team/
Бесплатный интенсив по UX/UI — 4 дня практики с наставником школы UPROCK.
Мощная прокачка и уникальный формат обучения:
— Старт в любое время, никаких потоков.
— Только практические задания без воды и проекты в ваше портфолио.
— Индивидуальный подробный разбор каждой домашки в видеоформате.
— Качественная проверка работ: вам не скажут, что все хорошо, если все плохо.
А также полезнейшие бонусы для старта вашей карьеры:
— Подарок сразу после регистрации.
— Большие лекции по теории дизайна от арт-директора.
— Секретные ресурсы и комьюнити.
— Бесплатный доступ к флагманскому платному курсу «Tilda-дизайнер»
🔥 Начать учиться
Реклама.
ИП Кузьмин Евгений Леонидович
ИНН 634502641730
erid: 2VtzqwrvTm1
Иллюстрации, которые вам понравятся
Игра для Альфа-Инвестиции от REBOOT STUDIO, которая поможет вам вдохновиться на создание новых проектов.
Поиграть можно тут (лучше с мобильного): https://invest.rebooot.me
Реклама. ИП Солдатов Александр Андреевич ИНН 780443776385 erid: 2VtzqxFDZTu
Сразу к делу. Уже сегодня начнётся редкий марафон по UX/UI дизайну мобильных приложений. Это бесплатный практикум на 3 дня от Study Kvo.
Каждый участник сделает в портфолио дизайн приложения для iOS. Помимо практики в Figma разберём, как начать карьеру в текущих реалиях и на чём сыпется большинство джунов в резюме.
Разберём актуальную медиану ЗП в зависимости от уровня, какими навыками нужно обладать и какие этапы надо пройти для успешного трудоустройства. Каждый сможет выбрать свой сценарий развития из трёх.
В конце разыграем обучение на 164к, а каждый день для участников будут подарки в онлайне: пособия, шаблоны, руководства.
Зарегистрироваться бесплатно
p.s: записи сгорят в конце
Реклама.
ИП Антипин Александр
ИНН 701751029533
erid: 2VtzqwgZVCZ
Mish Let's Play — новая мета в дизайн-событиях
Вебинары, форумы, конференции… это наскучило, правда? Подключайся к дизайн-стримхате Mish Let's Play — новому формату дизайн-события, в котором зрители станут игроками, герои эфиров — их NPC!
С 26 по 28 ноября дизайнеры Mish облачатся в костюмы своих любимых игровых или попкультурных персонажей, чтобы неформально поговорить про продуктовый дизайн, исследования и аналитику, коммуникационный дизайн.
Маршрут приключений проложен через локации: лес лекций, кузница мастер-классов, библиотека панельных дискуссий и подземелье портфолио-ревью от дизайнеров студии Mish и приглашенных звезд дизайн-индустрии.
NPC эфиров будут подвергаться испытаниям колесом фортуны, в котором 12 различных побочных квестов. Протагонистами игры станут дизайн-директоры студии Mish — Артём Кожевников и Дарья Егорова.
👾 Регистрируйся в боте события, чтобы бесплатно присоединиться к пати героев онлайн-приключения: @MishLetsPlayBot
Нравится типографика и необычное решение со скроллом и вверх и вниз. Техничски сайт начинается с середины, давая тебе два пути: либо скроллить вниз и узнать больше о магазине, либо листать ввеорх и узнать больше о самом продукте. Ещё понравился оранжевый стикер, выглядит забавно и скевоморфично. Здесь же хочется поругать сайт за очень слабую анимацию перелистывания. Относительно детализированных моделей и в целом попытки в глубину пространства, плоский транзишн через блюр выглядит дёшево и портит весь эффект.
〰️
I like the typography and the unusual solution with scrolling up and down. Technically, the site starts in the middle, giving you two ways: either scroll down and learn more about the store, or scroll up and learn more about the product itself. I also liked the orange sticker, it looks funny and skewomorphic. Here I would like to scold the site for a very weak flipping animation. With respect to detailed models and, in general, attempts to go deep into space, a flat transit through a blur looks cheap and spoils the whole effect.
https://www.presq.studio/
Давно мы с вами в Качалку не ходили
Чего, лето кончилось, можно расслабиться и набирать жирок на зиму? Наш тренер Антон Бондарь такой муд не поддерживает!
Завтра в 17:00 на CedroAgency">Ютубе Цедры трэнер покажет сет упражнений для
⏺Набора мышечной массы из сотрудников
⏺Обучения команды
⏺Воспитания корп культуры, которая вживляется на уровне ДНК
Собираемся в 16:50, разминаемся, делаем кардио и погнали. Ссылочку закинем ближе к эфиру.
Продолжаем нашу пятничную рубрику, где дизайн-студии делятся своими вдохновляющими референсами. Сегодня своими находками делятся Digital-дизайнеры агентства ONY. Передаем им слово:
Не для всех — безусловно, но он нацелен на свою целевую аудиторию. Умение выходить за рамки привычного становится ключевым атрибутом дизайн-студии, которая стремится идти в ногу со временем.
Примером такого подхода является сайт Twomach Studio. Он впечатляет своим содержанием и формой. Зацикленный прелоадер с 3D-взаимодействием, информация, представляемая в виде единого меню, встроенный виджет для общения между пользователями с использованием рисунков — это не просто инновации, а опыт, который захватывает.
Этот «безумный» онлайн-магазин буквально заставляет пользователя «сесть в тележку» и прокатиться по сайту. За всей этой динамикой и креативностью стоит чёткое понимание целей и аудитории.
Однако за всей этой динамичностью и креативом стоит точное понимание своей аудитории.
В конечном итоге, под яркими креативными механизмами скрываются привычные страницы — работы и мерч. Сайт использует концепцию «от общего к частному»: через креативные подходы пользователя проводят к знакомым разделам, создавая уникальный и запоминающийся опыт.
Раскрыты секреты улетного кейс-стади для вашего дизайн-портфолио
И сделали это преподы академии spreent. Провели бесплатный вебинар, где рассказали, как составить идеальный кейс для портфолио. Миша Наер, Влад Гордеев и Сергей Егоров объяснили, что делать, чтобы тебя точно заметили и взяли на работу.
В конце — приятный бонус: ссылка на шаблон кейса, который сразу можно использовать.
Запись вебинара — в канале академии.
Подписывайтесь, чтобы не пропускать новые мероприятия и развивать свои навыки для развития карьеры в дизайне.
Подписаться на 💙 spreent
Реклама.
ООО "СПРИНТ"
ИНН 5262395556
erid: 2VtzqufQCHQ
Давайте сегодня отдохнём от сложного визуала и посмотрим на обновлённый сайт Notion. Вообще, как-то я упустил момент, когда они выкатили новую главную, не обессудьте за слоупочность.
Мне всегда импанировала философия дизайна Notion — минимум визуальных излишеств и максимум функциональности. Эдакий советский рационализм из мира цифровых продуктов. Я бы это описал как «лаконично, но не стерильно». И этим Notion мне очень нравится.
Новый лендинг, с одной стороны, соответствует этой философии, а с другой стороны, не выглядит бедно, как его предыдущая версия. Нравится крупная типографика и картинки на весь экран, нравятся зауженные отступы. Вновь подмечу милые карандашые иллюстрации, которые ещё и ненавязчиво анимируются. Это не дешёвый холодный минимализм как у всех, это концепция простоты в целом и внимания к деталям в частном.
〰️
Let's take a break from the complicated visual today and take a look at the updated Notion website. Actually, somehow I missed the moment when they rolled out a new main one, don't blame me for the sloppiness.
I have always been impressed by the Concept design philosophy — a minimum of visual excesses and maximum functionality. A kind of Soviet rationalism from the world of digital products. I would describe it as "concise, but not sterile." And I really like this Notion.
The new landing page, on the one hand, corresponds to this philosophy, and on the other hand, it does not look poor like its previous version. I like large typography and full-screen images, I like narrowed margins. Once again, I will notice the cute pencil illustrations, which are also unobtrusively animated. It's not cheap cold minimalism like everyone else's, it's the concept of simplicity in general and attention to detail in particular.
https://notion.so/
Пора сделать новую работу в портфолио. В следующий понедельник начнутся 3 дня практики по веб-дизайну. Можно без опыта.
Каждый сделает себе работу в портфолио уровня middle-дизайнера. Узнает, как стартовать карьеру в реалиях 2024 и как вообще развиваться.
Разберём 4 способа создать портфолио без заказов. В конце разыграем обучение на 204к, а начиная со второго дня будет обратная связь по домашним заданиям.
Зарегистрироваться бесплатно
p.s: записи сгорят в конце
Реклама.
ИП Антипин Александр
ИНН 701751029533
erid: 2VtzqvA5kiN
Очень понравился экран загрузки и hero-блок. С самого начала ты остаёшься под впечатлением и тебя уже не волнует, что последующие блоки выглядят достаточно однообразно, хотя работа с сеткой и типографикой неплохая. Мне нравится, что веб-дизайнеры начинают отходить от линейности, делая вёрстку более «журнальной». Это новый смелый тренд и пока что такое делают не все подряд.
А вот к чему я бы придрался, так это к оптимизации. Сайт натурально лагает. Я три раза перезаписывал скринкаст из-за того, что анимация дёргалась. Скорее всего это из-за обилия высококачественных видео, без которых продукту для работы с видео, конечно, никуда.
〰️
I really liked the loading screen and the hero block. From the very beginning, you remain under the impression and you no longer care that the subsequent blocks look quite monotonous, although the work with the grid and typography is not bad. I like that web designers are starting to move away from linearity, making the layout more "magazine-like". This is a bold new trend and so far not everyone is doing it.
But what I would find fault with is optimization. The site is naturally lagging. I rewrote the screencast three times because the animation was twitching. Most likely, this is due to the abundance of high-quality videos, without which the product for working with videos, of course, is nowhere.
https://lumalabs.ai/dream-machine
Узнайте тренды и инсайты от лидеров дизайн-индустрии на D!CONF
С 14 по 18 октября пройдёт D!CONF — онлайн-конференция, которая стремится создать образовательный хаб для цифровых и графических дизайнеров из России и зарубежья.
D!CONF продлится 5 дней, а Александр Ковальский, Юрий Гордон, Евгений Яровой, Егор Голополосов и ещё 11 звёздных спикеров выступят с лекциями на волнующие темы, проведут мастер-классы и Q&A.
Конференция будет полезна для всех:
— Новичкам, которые в начале своего пути хотят получить хорошую базу и узнать, на кого стоит равняться в индустрии.
—Специалистам, которые хотят укрепить базу и выйти на новый уровень в профессии.
—Профессионалам, которые соскучились по сложным темам и хотят узнать, куда двигаться дальше.
Темы выступлений, список спикеров и билеты по начальной цене можно найти на сайте конференции по ссылке ниже.
→ Присоединиться к D!CONF
Universal University // Место, где исполняются мечты о профессии в искусстве и дизайне
Путь к творческой профессии начинается в бакалавриате Universal University и Британской высшей школы дизайна. Здесь готовят будущих художников, дизайнеров и представителей креативных индустрий.
Бакалавриат по искусству и дизайну — это больше, чем учёба. Это комьюнити творческих, целеустремленных и заряженных людей. Это современные прикладные знания, возможность самовыражения и исполнение мечты.
Сегодня пятница, а значит, пост пишут дизайнеры из ведущих российских студий.
В этот раз у нас в гостях Сабина Машкова, дизайнерка Pragmatica. Передаём ей слово.
Сегодня хочу показать сайт Токийского дворца — центра современного искусства в Париже. Первое, что привлекает внимание — классический монохром. Это частый выбор для сайтов культурных институций, где важно сосредоточить внимание на работах. На сайте Tokyo de Palais белая типографика на чёрном фоне сразу погружает и вовлекает.
На главной странице — переливающийся 3D-шар. Можно нажимать на него, меняя цвета. Визуальные элементы включают множество фотографий и работ, которые представлены на выставке. Особенно интересная функция «eco mode» — которую можно включить, чтобы не загружать весь визуальный контент. Классная функция для тех, у кого медленный интернет.
Типографика здесь смелая: Gaffer напоминает иероглифы в жирном начертании, а наборный текст выполнен геометричным шрифтом Silka. Это отличное сочетание, шрифты гармонично сосуществуют. Обычно на сайтах культурных институций типографика тоньше, но здесь дерзость только привлекает внимание.
В целом, при прокрутке, я ощущаю дух свободы, дерзости и лёгкой неидеальности — и это прекрасно!
Меня очень зацепил этот проект в первую очередь тем, как умело он анимирован, как сделаны переходы и фоны. Яркие, геометричные формы на фоне очень хорошо дополняют крупные типографические блоки, при этом не перебивая внимание на себя. Типографика здесь в целом очень сильная, но при всей своей эксперементальности, не отходит от швейцарских канонов. Эксперементальность можно заметить и в навигации: она находится сбоку и развёрнута на 90 градусов, что, при этом, не мешает считыванию. И отдельно хочется подметить очень приятную анимацию закрытия у бургер-меню.
〰️
I was very hooked on this project, first of all, by how skillfully it is animated, how transitions and backgrounds are made. Bright, geometric shapes on the background complement large typographic blocks very well, while not interrupting attention to themselves. The typography here is generally very strong, but for all its experimentation, it does not depart from the Swiss cantons. Experimentation can also be seen in navigation: it is located on the side and rotated 90 degrees, which, at the same time, does not interfere with reading. And separately, I would like to note the very pleasant closing animation of the burger menu.
https://c2montreal.com/
Здесь минималистичный швейцарский стиль очень хорошо соединяется крайне качественным 3D и крупными буквами в интерактивных объектах. Нравится как реализовали хиро-блок. Сайт «включается» вместе с пользователем: зажигается верхний свет, загораются лампочки, появляются детали.
В целом здесь всё очень аккуратно и правильно, но не скучно. Просто технично и лаконично. Ощущение, что всё именно так, как и должно быть.
〰️
Here, the minimalist Swiss style is very well combined with extremely high-quality 3D and large letters in interactive objects. I like how the hero block was implemented. The site "turns on" together with the user: the overhead light turns on, the bulbs light up, details appear.
In general, everything here is very neat and correct, but not boring. Simply technical and laconic. The feeling that everything is exactly as it should be.
https://www.intrepidautomation.com/