26844
Сайты с хорошим дизайном со всего света 🤟 Since 2016 Сотрудничество: @design_manager_bot
📑 14 материалов для взлета карьеры дизайнера
Артур Кузьмин, lead product designer из JetBrains (ранее Avito, ВТБ, Home Credit), выложил в открытый доступ уникальные материалы из своего курса про карьеру и скиллы
Для карьеры:
1. Бот для оценки грейда
2. Пошаговый план с 0 до 300к за 3 года
3. Статья: Какие кейсы должны быть в портфолио продуктового дизайнера
4. Плейлист: 8 записей разборов резюме, портфолио и кейсов
5. 110 самых популярных вопросов на техническом собеседовании
6. Плейлист: 5 часов ответов на 110 популярных вопросов
7. Топ-15 ошибок дизайнера в портфолио и резюме
8. Эфир про первую работу в продукте, в агентстве и в стартапе
Для дизайна:
9. Лекция: Всё про отступы и оптические компенсации за 1 час
10. Фигма-файл: Линейка общепринятых размеров отступов и элементов
11. Лекция: Разбор настроек типографики, системы размеров и интерлиньяжей за 1,5 часа
12. Полная таблица сочетаний размеров текста H1 до XS
13. Фигма-файл: Схема дизайн-процесса в большом продукте
14. Эфир про UI: Как оценивают визуал в тестовом задании
Забирай в шапке канала: /channel/+QOcnP334jrczOWYy
Ссылка доступна 12 часов, что-то типа временной акции у Артура сейчас
В этом проекте мне очень нравится использование цветного шрифта, так как такой прием мы действительно редко встречаем. В целом сайт имеет сдержанную композицию, но вместе с контурными иллюстрациями и иконками это выглядит весьма интересно. Отдельно хотелось бы отметить логотип и его раскрытие по скроллу, а также двойной футер.
〰️
In this project I really like the use of colored font, as such a technique we really rarely see. In general, the site has a restrained composition, but together with outline illustrations and icons it looks very interesting. I would like to mention the logo and its scroll disclosure, as well as the double footer.
https://www.kinetic.auto/
Сам по себе магазинчик небольшой, но как же мне нравится его стилистика. Атмосферные коллажи из фотографий и видео, нарочито крупный шрифт и пиксельный курсор, а также карточка товара, которая выглядит, как один большой плакат. Вроде ничего сложного, но все это вместе выглядит очень запоминающе.
〰️
The store itself is small, but I love the styling. Atmospheric collages of photos and videos, deliberately large font and pixel cursor, and a product card that looks like one big poster. It seems like nothing complicated, but it all comes together to look very memorable.
https://www.disguised.gg/
Сайт сделан в стиле Бена Минго, я не удивлюсь, если это его рук дело. Выглядит круто и стильно, но, похоже, этот тренд уходит уже на второй план и перестаёт быть модным. Вот это всё, если кто не знал, стиль дизайнеров из Калифорнии, та самая эстетика Лос-Анджелеса. На самом деле всё проще, чем кажется: прежде всего, нужно сделать минимальные межкалонники и максимально прижать все к краям, чтобы в центре оставались неравные пустые пространства, которые и сделают стильное напряжение. И, конечно, всё должно быть набрано заглавными буквами, насколько это возможно. И да, сетка - ваш лучший друг, располагайте объекты по ней, пока композиция не перестанет быть банальной и не станет интересной.
〰️
The site is done in the style of Ben Mingo, I wouldn't be surprised if he did it. It looks kind of cool and stylish, but it seems that this trend is on the wane. It's really just the style of designers from California, that LA aesthetic. In fact, it is simpler than it seems, first of all, you need minimal indents from the edges and maximally press everything to the edges, so that in the center you still have unequal empty spaces that will give this stylish tension. And of course, everything should be capitalized as much as possible. And yes, the grid is your best friend, arrange objects on it, until the composition will cease to be banal and become interesting.
https://www.joinmita.com/
Огненный дизайн-стрим от Авито уже в вашем календаре?
Если нет, напоминаем, что 7 декабря в 18:00 ведущие дизайнеры России обсудят события индустрии в 2023 году.
Присоединяйтесь к ведущим специалистам и шутите, оценивайте и философствуйте! Вы получите шанс высказать все, что думаете о переименовании Twitter в Х или о дизайне электромобиля «Атом». Возможность поставить лайк или дизлайк будет у каждого!
Реклама.ООО "КЕХ ЕКОММЕРЦ" ИНН 7710668349 erid: 2SDnjceD4ec
Мне очень нравится, как такие корпоративные истории работают с достаточно большой упаковкой информационных данных. Может здесь и нет явных визуальных приемов, но мне всегда импонируют макеты в которых все находится строго на своих местах. При этом каждый раздел умело переиспользует общую концептуальную идею.
〰️
I really like how corporate stories like this work with a fairly large package of information data. There may not be any obvious visual tricks, but I'm always impressed by layouts that keep everything strictly in its place. At the same time, each section skillfully reuses the overall conceptual idea.
https://gencell.preprodenv.com/
Сайт очень напоминает что-то, но в основном Opal (может быть, из-за логотипа), который я закидывал некоторое время назад. Поймал себя на мысли, что уже устал от огромной типографики на весь экран в подобных сайтах, и что когда все так аккуратно написано, то кажется интереснее и хочется читать дальше. Нет мощной анимации, поэтому особенно ярко воспринимаются секвенции на фоне всей статики.
〰️
The site is very reminiscent of something, but mostly Opal (maybe because of the logo), which I abandoned some time ago. Caught myself thinking that I'm already tired of the huge full screen typography on similar sites, and that when it's so neatly written it seems more interesting and like you want to read on. There is no powerful animation, so that the sequences are especially brightly perceived against the background of all the static.
https://aminacharging.com/
🖤 Кириллица расширяется!
Легендарный телеграм-канал уже больше пяти лет коллекционирует лучшие сайты на русском языке. Теперь ребята собирают не только сайты, но и бренды и даже приложения!
Семья Кириллицы:
🖤 Кириллица.дизайн — лучшие сайты на кириллице. Настоящий русский awwwards
💜 Кириллица.бренды — сочнейшие примеры айдентики с использованием кириллицы
💙 Кириллица.приложения — красивейшие снаружи и функциональные внтури приложения. Единственный такой канал на русском языке
Подписывайся, чтобы регулярно видеть вдохновляющие проекты!
Не помню, когда в последний раз постили что-нибудь от Red Collar, думал, что они больше не играют в фестивальные сайты. Кажется, что всем очевидно чем они вдохновлялись, когда делали этот сайт. Выглядит неплохо, но довольно забавно, что они пытаются продать нам такой банальный товар, как перчатки, как нечто супер-технологичное и потрясающее. Это выглядит скорей смешно, чем если бы мы действительно задумались о покупке таких перчаток :) Главное, что мне нравится - это то, насколько хорошо интегрированы секвенции, ради них я в основном и решил выложить этот сайт, работает очень круто.
〰️
Can't remember the last time anything from Red Collar was posted, thought they don't play festival venues anymore. Apparently they're thinking about what they were inspired by when they made this site. It looks good, but it's pretty funny how they're trying to sell us a trivial product like gloves as something super techy and awesome. It looks more funny than if we were actually thinking of buying such gloves :) The main thing I like is how well integrated the sequences are, for the sake of them I basically decided to put this site up, it works very cool.
https://bronitex.redcollar.co/
Наверное, уже не осталось тех, кто помнит золотую команду Fantasy Interactive. Но один из них - Клаудио Гуглиери, с недавних пор он работает в Opal и делает для них такие классные лендинги. В свое время я кстати собирался взять у него интервью, но в последний момент оно сорвалось. Благодаря тому, что Клаудио работал в Apple и Microsoft, его дизайн демонстрирует баланс между чистотой и блочностью, характерный для этих компаний. Из интересных решений хотелось бы отметить плавающий блок, он немного портит мои скриншоты, но думаю, что конверсия должна быть хорошей.
〰️
There are probably no more people left who remember the golden team of Fantasy Interactive. But one of them is Claudio Guglieri, he's been working for Opal since recently and makes such cool lendings for them. At one time I was going to interview him, but it fell through. Thanks to the fact that Claudio has worked for Apple and Microsoft, his web pages demonstrate the balance between cleanliness and blockiness that characterizes these companies. Among the interesting solutions I would like to mention the flying block, it spoils my screenshots a bit, but I think the conversion rate should be good.
https://opalcamera.com/opal-tadpole
Очень люблю такие брутальные и лаконичные истории. Изначально меня зацепил их фирменный стиль, команда использовала достаточно прямую метафору, но в этом и была основная идея и ценность. Сам сайт конечно же запоминается своей работой с типографикой и сеткой, благодаря грамотной работе с композицией и общему построению. Также выделил бы точечное использование яркой цветовой палитры и конечно же анимационное взаимодействие.
〰️
I love such brutal and concise stories. Initially I was hooked by their corporate style, the team used quite a direct metaphor, but that was the main idea and value. The site itself is certainly memorable for its work with typography and the grid, thanks to the clever work with composition and overall construction. I would also highlight the spot-on use of a bright color palette and of course the animated interaction.
https://pressplayontape.studio/
Знания растут в цене! Месяц инвестиций в себя.
В Skillbox новая профессия с выгодой до 60% и курс в подарок при покупке.
Сделайте шаг к карьере мечты!
У нас вы найдёте:
— программы обучения от 3 месяцев до 2 лет;
— помощь в стажировке, трудоустройстве и сертификат крупнейшей образовательной платформы в России и СНГ;
— рассрочку от 1500 ₽ в месяц;
— первый платёж через 3–6 месяцев для профессий;
— второй курс в подарок при покупке;
— год английского языка бесплатно.
А ещё профессиональное коммьюнити, наставничество экспертов-практиков и пожизненный доступ ко всем последующим обновлениям программ онлайн-курсов.
Всем, кто купит курс с трудоустройством, мы поможем с поиском работы по новой специальности. Если у вас не получится найти работу, мы вернём деньги за курс. Сроки действия акции ограничен, поторопитесь: https://epic.st/ZjS4L
Реклама. ЧОУ ДПО «Образовательные технологии «Скилбокс (Коробка навыков)», ИНН: 9704088880
Честно скажу, что ничего не понял, но всё очень стильно и брутально. На самом деле, на дизайн здесь особо не обращаешь внимания, потому что содержание очень яркое и перетягивает на себя всё. Из интересных моментов: моно-шрифт и переключение между горизонтальной и вертикальной прокруткой (по-прежнему один из лучших способов внести разнообразие).
〰️
I'd like to say honestly that I didn't understand anything, but everything is very stylish and brutal. In fact, you don't really pay much attention to the design here, because the content is very bright and pulls everything over. Among the interesting things: mono-font and switching between horizontal and vertical scrolling (still one of the best ways to introduce variety).
https://www.thedepartment.com/
Очень нравится шрифтовая работа, особенно с точки зрения ритма. Команда не боится использовать, как маленький, так и в меру большой кегль в блоках. В целом здесь хорошо уживаются 3D объекты, массив информации, а также плавная смена цвета в момент горизонтальной прокрутки. Мы конечно уже видели это много раз, но именно здесь данные приемы действительно захватывают внимание.
〰️
Really like the typographic work, especially in terms of rhythm. The team is not afraid to use both small and moderately large font size in blocks. Overall, the 3D objects, the array of information, and the smooth color change during horizontal scrolling all get along well here. Of course, we have already seen this many times, but it is here that these techniques really capture the attention.
https://changers.studio/
Стать сотрудником Яндекса быстрее и проще, чем кажется. Участвуйте в днях быстрого найма: пройдите несколько секций собеседования и получите офер за несколько дней.
Ближайшее мероприятие:
• 20-24 ноября — Fast Track для продуктовых дизайнеров, офер за неделю в команду HR Tech.
Зарегистрироваться
Реклама. ООО "Яндекс". erid: 2VtzqxjeTYb
Сегодня сайт в бежевых оттенках и таком, простите, женственном стиле. Я часто вижу начинающих девушек-дизайнеров, которые специализируются больше на SMM и делают в основном дизайн для социальных сетей посты, так вот у них часто бывает именно так: изящные шрифты, любовь к бежевому цвету и "инстаграмным" фотографиям. Местами это напоминает мне Женю Рынжук, но у нее больше искусства и художественности. А так, в целом, очень хорошая и приятная работа.
〰️
Today the site is done in natural colors and such, sorry, feminine style. I often see aspiring female designers who specialize more in SMM and do aspen design for social networks, so they often Today's site is done in beige colors and such, sorry, feminine style. I often meet emerging female designers who specialize more in SMM and do mostly design for social media posts, so this is what they often have: elegant fonts, love for beige color and "Instagram" photos. In places it reminds me of Zhenya Rynzhuk, but she has more art and artistry. And so, overall, a very good and enjoyable work.
https://www.capsule-design.studio/
Сегодня у нас еще один магазин с интересным визуальным оформлением. Здесь конечно же все полностью держится на фотографиях, но мне бы хотелось выделить не самые приметные решения. Будь это перетекающие друг в друга формы с заходом на игровые интерфейсы или интерактивный ховер внутри кнопок, а также отличный выбор шрифтовых пар, которые отлично сочетаются друг с другом.
〰️
Today we have another store with an interesting visual design. Here, of course, everything completely holds up to the photos, but I'd like to highlight the decisions that aren't the most notable. Whether it's flowing shapes into each other with overlapping game interfaces or interactive hover inside the buttons, as well as a great selection of font pairs that work well together.
https://ark8.net/
⚡️Обучение в UPROCK с проверкой домашних заданий бесплатно?! Теперь ДА!
Мы запустили уникальный мини-курс по UX/UI для тех, кто еще не приобрел полноценное обучение.
Вас ждет:
— 4 практических урока,
— обратная связь по каждому заданию от опытного ментора,
— много бонусов во время обучения.
👉 Доступ к курсу по ссылке
Есть такой сайт Custo, я выкладывал его полтора года назад. У него удивительное свойство - он нравится абсолютно всем. Я несколько раз использовал его в качестве референса, он нравится и дизайнерам, и клиентам. Они смогли сделать его понятным, простым и в то же время очень современным. Так что сегодняшний сайт выглядит почти 1 в 1 - либо у них одни и те же создатели, либо им слишком нравится Кусто. Принципы и приёмы здесь одни и те же, поняв которые, можно повторять их бесконечное количество раз, меняя содержание и цвета. Единственная проблема здесь в том, что подход к фотографии очень похож, если бы поставили что-то совершенно другое, отсылка была бы менее заметна.
〰️
There is this Custo wesite, I posted it a year and a half ago. It has an amazing property - absolutely everyone likes it. I've used it several times as a reference, it hits both designers and clients. They were able to make it clear, simple and very modern at the same time. So today's site, it looks almost 1 in 1, either they have the same creators or they like Cousteau too much. The principles and techniques here are the same, that once you understand them, then you can repeat it an infinite number of times, changing the content and colors. The only problem here is that the approach to the photo is very similar, if you put something completely different, the reference would be less noticeable.
https://energy-park.co.uk/
Сам по себе сайт выполнен в очень минималистичном стиле. Здесь все отлично с композицией и визуальным контентом, однако больше всего меня зацепила идея "волн горения" в самом первом блоке. Это одновременно простой в исполнении прием, но вместе с тем хорошо отражающий главную метафору основного продукта.
〰️
The site itself is done in a very minimalistic style. Everything here is great with the composition and visual content, but what caught my eye the most was the idea of "waves of combustion" in the very first block. It's both simple in execution, but at the same time it reflects well the main metaphor of the main product.
https://jonnetti.com.au/
Авторский канал дизайн-директора Яндекс Путешествий Ильи Скопина
Реклама Телеграм-канала о дизайне. Текст предоставлен клиентом. erid 2Vtzqwwjahu
Процессы
▪️скиллсет дизайнера
▪️подготовка к собесу
▪️как стать старшим дизайнером
▪️идеальный руководитель
▪️идеальный кандидат и портфолио
Дизайн
▪️бесшовный Interaction Design (IxD)
▪️новый дизайн приложения Yandex Travel
▪️тестовое задание уровня «Бог»
▪️любовь к деталям
Скопин Илья ИНН 380124266154
В меру интересно, в меру понятно. Хорошее сочетание гротеска и засечек. Из интересного работа с колонками, по сути, здесь три ключевые колонки, и особенно интересно, как по ним перемещается контент на главной странице. Выглядит это очень интересно и необычно, от такой страницы быстро не заскучаешь. Единственное, что можно было бы улучшить, так это навигацию, она ведет себя странно, где-то это якоря, где-то страницы. И есть шрифты с небольшим шагом по размеру, от одного-двух точно можно было бы отказаться.
〰️
Moderately interesting, moderately understandable. Good combination of sans-serifs and serifs. From the interesting work with columns, in fact, there are three key columns, and it is especially interesting how the content moves on them on the main page. It looks very interesting and unusual, from this page does not get bored quickly. The only thing that could be improved is the navigation, it behaves strangely, somewhere it is anchors, somewhere it is pages. And there are fonts with a small step in size, you could definitely give up one or two.
https://studioarago.ca/
На днях подумал, что давно у нас не было в подборке интересных магазинов и тут же наткнулся на этот проект. Меня сразу же зацепил первый блок, а именно интерактивная смена букв в логотипе по ховеру, а также еле заметное движение воды и листьев на заднем фоне. Отдельно хотелось бы выделить общую композицию и конечно же шрифт, который отлично передает нужную атмосферу.
〰️
I was thinking the other day that it's been a while since we've had any interesting stores in our selection and immediately came across this project. I was immediately hooked by the first block, namely the interactive change of letters in the logo by hover, as well as barely noticeable movement of water and leaves on the background. Separately I would like to emphasize the overall composition and of course the font, which perfectly conveys the desired atmosphere.
https://www.syndesicollection.com/
Завтра финальное повышение цены ⚠️
Уже завтра цена на самое главное дизайн-событие осени станет окончательной. Да-да, мы говорим о UX-интенсиве DSGNERS Boost.
Boost — уникальный формат, главная фишка которого является практическая работа с дизайн-лидами CreativePeople, Humbleteam, Ozon и Яндекса.
Как будут качать?
⏩ Каждый день проходит лекция и выдается реальное задания от дизайн-лида известной компании
⏩ На следующий день задание решают дизайн-лиды в прямом эфире и делятся подходами, методами и фишками, которые они использовали.
⏩ 5 дней - 5 разных заданий - 5 разных подходов.
По итогу ты поменяешь свой подход к дизайну и работе. Кстати на прошлом событие лучших ребят хантили прямо после сдачи заданий.
🚀 Успей купить сегодня: https://boost.dsgners.ru
Реклама. ИП Мальков Е.В. ИНН 310803024395
Мы уже писали про ФРЕЙМ - это новая конференция о дизайне и креативе на Красном Октябре.
Пройдет 2 декабря, в субботу, билеты по 3500 руб + скидка 10% по промо-коду NOWHOW.
Посмотрите, можно хорошо и полезно провести время в субботу.
Очень нравится, как в проект про архитектуру и музыку встроили кинетическую типографику, которая служит отличной метафорой сразу для двух направлений. В целом здесь используется множество интересных приемов, от классного сторителлинга и трансформирующегося контента по скроллу до чертежных зарисовок и музыкального сопровождения.
〰️
I love how the architecture and music project incorporates kinetic typography, which serves as a great metaphor for the two areas at once. In general, there are a lot of interesting techniques used here, from cool storytelling and transforming content on the scroll to drawing sketches and musical accompaniment.
https://gehry.getty.edu/
Как дизайнер, я люблю смотреть на портфолио других дизайнеров. Потому что я всегда ищу какие-то моменты, которые вдохновят меня сделать что-то лучше или попробовать то, что я ещё не делал. Сегодняшний сайт очень короткий, буквально главная и пара кейсов, но мне очень понравился сам контент и я не смог удержаться, чтобы не поделиться с вами. Это тот проект, в котором контент настолько жирный и крутой, что не нужно бегать и приукрашивать его (как это делает большинство дизайнеров), а просто выкладываешь его как есть, и выглядит классно.
〰️
As a designer, I like to look at other designers' portfolios. Because I'm always looking for some moments that will inspire me to do something better or try something I haven't done yet. Today's site is very short, literally a main and a couple case studies, but I really liked the content itself here and I couldn't resist sharing it with you. This is the kind of project where the content is so bold and cool that you don't have to run around and embellish it (like most designers do), you just lay it out as is and it looks cool.
https://www.revolvestudio.co/
Ещё одна конференция для дизайнеров — ФРЕЙМ
Мы рекомендуем обращать внимание на новичков, потому что а) люди заряжены б) часто хотят сделать лучше, чем то, что есть (здоровая неудовлетворенность) в) это ещё не про деньги, а про качество - надо завоевать аудиторию.
Посему, посмотрите, если вам зайдет, то
- кайф, что это офлайн (Красный Октябрь)
- хорошо, что спикеры из разных направлений (разносторонне будет)
- цена 3500 (надеюсь это посильная цена для каждого ради собственного роста, да и просто отдыха и получения новых эмоций). Я считаю, что такие деньги надо тратить незадумываясь, даже если супер прям пользы не получите, зато и развеетесь, и погуляете, и может познакомитесь, что-то запомнится, в общем - это качественный полезный досуг, который вообще-то стоит иметь регулярно.
2 декабря
6 разных спикеров
Красный Октябрь
Скидка 10% по промо-коду NOWHOW
https://framecon.ru
Понравилось построение данного сайта и его общая динамика. Команда смело изменяет каждый блок и не боится экспериментировать, начиная с первого экрана в виде мобильной адаптации и постепенно переходя в горизонтальный скролл, а после и вовсе зацикливает всю историю. Также хотелось бы отметить хорошую шрифтовую работу и выпадающее меню с правой стороны.
〰️
I liked the construction of this site and its overall dynamics. The team boldly changes each block and is not afraid to experiment, starting with the first screen as a mobile adaptation and gradually moving to horizontal scrolling, and then looping the whole story. I would also like to mention the good font work and the drop-down menu on the right side.
https://curatr.paris/en/
Я писал о новом сайте Revolut, как оказалось, в 2018, 21 и теперь уже в 23 году. Сейчас они провели ребрендинг и немного обновили сайт. Не могу сказать, что мне очень нравится новый логотип, но и ненависти к нему я не испытываю. Вы можете спросить меня: «А что сильно изменился новый сайт?», на самом деле нет, главное, что изменилось - это появление людей в нём. Если раньше они были очень про карты, 3D белое на белом с синими вставками, то теперь явно частью ребрендинга стали фотографии о стиле жизни и жизненных ситуациях пользователей банка. Коммуникация стала более контрастной и интересной, в том числе благодаря тому, что в неё интегрированы коллажи с интерфейсами - мне это определенно нравится, посмотрим, как они будут развивать и интегрировать это дальше.
〰️
I wrote about Revolut's new website, as it turns out,at 18, 21 and now 2023. They have now rebranded and updated the site a bit. I can't say I like the new logo very much, but I don't hate it either. You may ask me, "Has the new site changed much?", actually no, the main thing that has changed is the appearance of the people on it. Whereas before they were very about cards, 3D white on white with blue inserts, now clearly part of the rebranding has been pictures about the lifestyle of the bank's users. The communication has become more contrasting and interesting, also due to the fact that they have integrated collages with the interfaces - I definitely like this, we'll see how they develop and integrate this further.
https://www.revolut.com/