Кейсы в деталях

🔔 Как ребята из Vercel реализовали визуал для своего ивента

Интересный кейс, как ребята подшли к вымучиванию визуала и сделали интерактивный визуал для одного из своего ивентов. Конечно, текущий процесс сильно другой, когда вышел Opus 5.5, учитывая что кейсу только исполнился один год

———

😍 Основной канал
💼 Портфолио дизайнеров
🎨 Кейсы в деталях

🔔 В Яндексе собрали Figma для карт — с ветками как в GitHub

Обычного графического редактора для карты мало. Внутри есть слои дорог, зданий и подписей, а каждый стиль ещё должен нормально меняться на разных уровнях зума. Поэтому в Яндексе собрали свой Cartograph.

Внутри — группы слоёв, брейкпоинты и плавные переходы, цветовые стили, JSON-редактор и даже ветки с релизами. Очень люблю такие внутренние инструменты: снаружи их почти никто не видит, хотя именно они определяют, как выглядит продукт у миллионов людей.

➡️Читать кейс
🔗 Портфолио Саши Дьякова

———

😍 Основной канал
💼 Портфолио дизайнеров
💼 Кейсы в деталях

🔔 Фильтр, который не ломается на 30 000 строках

Обычно фильтры в красивых таблицах умирают там, где появляются реальные данные. Особенно это хорошо видно, когда локально или на на сырых данных всё летает, а потом прилетает реальные запрос и всё ломается.

Чел Kian Bazarjani собрал шикарный и оптимизированный bazza/ui так, чтобы фильтр не был привязан к одной таблице. Текст, числа, даты, статусы, мультиселекты — все типы описываются через типизированный конфиг, а фильтрацию можно оставить на клиенте или отправить на сервер. Особенно понравилось, что все решения прозрачны и он про всё это рассказал.

Можно забирать на вайбкоКинг шикарный компонент и строить большие таблицы.


➡️ Читать разбор bazza/ui
🔗 Портфолио Kian

———

😍 Основной канал
💼 Портфолио дизайнеров
🎨 Кейсы в деталях

🔔 Как Linear стандартизировал интерфейс

За несколько лет в продукте легко набирается куча мелких косяков, которые нужно когда-то сделать. Когда долго тянешь его, появляется дохера паттернов, которые отличаются: в одном разделе действие наверху, в другом его ещё надо поискать.

Linear очень симпатизирует, как продукт и если бы использовать командный таск-трекер для разработки, то идти хочется в него. В обновлении Linear понравилось, что команда полезла разбирать мелочи и показала, что сделал в рамках обновлений.

➡️ Читать кейс Linear

———

😍 Основной канал
💼 Портфолио дизайнеров
🎨 Кейсы в деталях

🔔 Всеми любимый компонент тоста — Sonner

Когда Эмиль Ковальски выпустил Sonner, библиотек уведомлений уже хватало. Но он смотрел не на список функций, а на ощущение: как тост появляется, куда уходит после свайпа и что происходит, когда уведомлений становится много.

Самая сильная часть кейса — подход к созданию и интеракшены. Направление анимации продолжает жест, таймер уважает неактивную вкладку, а новые тосты меняют поведение уже показанных. Получился не только пиздатый кейс, но и супер-чистый компонент.

➡️ Читать кейс Sonner
🔗 Портфолио Эмиля

———

😍 Основной канал
💼 Портфолио дизайнеров
🎨 Кейсы в деталях

Channel created