26919
Сайты с хорошим дизайном со всего света каждый день 🤟 + скидки на курсы, анонсы мероприятий и лучшие вакансии. Since 2016 〰 by @gurick, @gavrilperov & @munnoville реклама - @gurick
Пару раз проходил мимо этого сайта, так как меня совсем не цеплял первый экран, но сегодня все же решил его изучить более детально. Меня довольно сложно удивить, но в данном случае все явно получилось. В итоге пришел к выводу, что это точно один из самых лучших проектов за текущий год. Тут идеально почти все: сверх-динамичный ритм, скорость прогрузки страниц, плавность анимаций, интересное взаимодействие с элементами и многое другое. Каждый скролл по-настоящему удивляет, из-за чего все страницы действительно интересно изучать.
〰️
I've passed by this site a couple times since I wasn't at all drawn to the first screen, but today I still decided to explore it in more detail. It's quite difficult to surprise me, but in this case everything clearly worked out. In the end I came to the conclusion that this is definitely one of the best projects for the current year. Almost everything is perfect here: super-dynamic rhythm, speed of page loading, smoothness of animations, interesting interaction with elements and much more. Every scroll is truly amazing, which makes all the pages really interesting to explore.
https://lusion.co/
Очень радуют такие вещи
Цифровое искусство на медиафасаде Останкинской телебашни. Выставка «Визуальный поворот». Делают команда Простора от VK и Generative Gallery. Тема “Искусственный интеллект и его влияние на визуальную культуру”. Гуд. Все демонстрируемое, естественно создано с помощью нейронок цифровыми художниками из разных регионов. Посмотреть можно каждый день с 20:00 до 20:40 до 27 сентября.
Если есть возможность - обязательно сходите. Ещё раз - очень радуют такие проекты.
На примере этого сайта очень легко объяснить дизайнерам, как работать с ритмом, контрастом и повествованием в целом. Страница довольно длинная, мыслей на ней много. Но она максимально представлена так, что её читаешь. Для этого используется многое: чередование мелкого и крупного текста, чередование текста и крупных фотографий, горизонтальная и вертикальная прокрутка, неожиданная анимация, 3D, появляющееся в тот момент, когда устаешь от фотографий, и многое другое. В то же время здесь чувствуется дизайн, но его в меру, а ведь часто бывает, что люди лепят дизайн ради дизайна, особенно этим страдают 99% фестивальных сайтов, которые мы здесь выкладываем.
〰️
Using this site as an example, it is very easy to explain to designers how to work with rhythm, contrast and storytelling in general. The page is quite long, there are a lot of thoughts on it. But it's presented as much as possible so that you read it. This is done through many things: alternating small text and large text, alternating text and large photos, horizontal and vertical scrolling, unexpected animations, 3D appearing at the moment when you are already tired of photos, and much more. At the same time, there is a sense of design here, but it's in moderation, and it often happens that people make design for design's sake, especially 99% of the festival sites we post here suffer from this.
https://whitestone.ava-case.com/
Уже давно хотел выложить обновленный сайт данной студии, но все время другие проекты перебивали этот пост. Мне очень нравится достаточно универсальный и эффектный прием в виде акцентного логотипа в самом начале, так как он сразу задает брутальный характер всем последующим страницам. Отдельно выделю общую работу по верстке и композиции, а также небольшое, но запоминающееся анимационное взаимодействие с элементами.
〰️
I've been meaning to post the updated website of this studio for a while now, but all the time other projects interrupted this post. I really like the rather universal and effective technique in the form of an accent logo at the very beginning, as it immediately sets the brutal character of all subsequent pages. I'll single out the overall layout and composition work, as well as the small but memorable animated interaction with the elements.
https://zajno.com/
Дизайн, искусство и нейропсихология — собрали в новом креативном пространстве Суперметалла все, что нужно для перезагрузки.
23-24 сентября — два дня погружения в искусство, творческие практики и спекулятивный дизайн. Пригодится тем, кто выгорел и хочет найти новые точки для саморазвития и роста. Будем осваивать дизайн-практику и пластическую импровизацию, медитировать под электронную музыку, слушать лекции про кино и современное искусство и, конечно, общаться на бранчах.
Early bird со скидкой 10% до 18 сентября здесь. Количество мест ограничено.
Ассортимент магазина, честно говоря, не очень. Но мне понравилась общая чистота, плавность анимации и то, как расставлены акценты, хорошо выполнена группировка, она не совсем стандартна для некоторых элементов, но благодаря правильно расставленным акцентам и фокусам - это не проблема.
〰️
The assortment of the store, frankly speaking, is not so good. But I liked the overall cleanliness, the smoothness of the animations and how the accents are arranged, the grouping is well done here, it's not quite standard for some elements, but because of the right accents and focuses - it's not a problem at all.
https://fitsole.shop/
Очень крутой и качественный референс корпоративного сайта. Именно в этом проекте мне нравится общий баланс, так как зачастую в данных историях начинает превалировать сложная анимация по скроллу, отчего на второй план уходит вся работа над типографикой и композицией. Здесь же все эти параметры правильно уравновешенны, вследствие чего мы получаем отличный сайт.
〰️
A very cool and high quality reference of a corporate website. It is in this project I like the overall balance, because often in these stories begins to prevail complex animation on the scroll, which leaves all the work on typography and composition in the background. Here all these parameters are properly balanced, and as a result we get a great site.
https://degirum.videinfra.com/
Небольшая история p.s.
Пару недель назад пишет мне парень Антон из Videinfra (ребята которые сделали сайт ↑), благодарит, что выбираем их работы и спрашивает: "сколько бы стоило упоминание нашего канала в Now How". Я ему отвечаю: "А давай так - "если мы снова выберем одну из ваших работ, то мы упомянем ваш канал в посте бесплатно. Увидишь снова вашу работу у нас - пиши, я добавлю в пост". Важно - о нашей договоренности не знали ни Гаврил, ни Вова, которые подбирают сайты. Так вот - с удовольствием добавляю ссылку на канал ребят из Videinfra, сегодня снова их работа - /channel/videinfra_com. Очень люблю такие истории ❤️
Конкурс «Креативная лаборатория». Третий набор.
Предложите креативную концепцию продвижения туризма в Москве в одной из 6 номинаций и повлияйте на туристической облик Москвы.
К участию приглашаются любые дизайнеры - графические, продуктовые, бренд- и web-дизайнеры, дизайнеры среды, иллюстраторы, а также саунд-дизайнеры, музыкальные продюсеры, стратеги, креаторы и маркетологи — как самостоятельные авторы, так и творческие команды. Для победы нужно решить одну из шести задач, создав свою концепцию продвижения туризма в Москве. Попробуйте, это опыт и возможность сделать то, что действительно хочется, к тому же это присоединение к профессиональному сообществу, что очень ценно. И да, работу можно будет положить в портфолио, все открыто.
Авторы лучших концепций получат по 150 тысяч рублей, но на наш взгляд, главное - это возможность сделать что-то настоящее для города и увидеть своё детище вживую вместе с миллионами людей.
Регистрация открыта с 4 сентября до 8 октября.
Если вам нравятся очень минималистичные сайты с интересной сеткой в духе Locomotive и Charmer, то вы будете визжать от восторга. Здесь нет ничего лишнего, чувствуется точность и монолитность во всём, что мы видим на экране. Это интересный стиль, когда у тебя есть фактически только гротеск, сетка и линии. Содержание здесь не играет большой роли. И каждый раз ты распаковываешь свой маленький инструментарий и пытаешься сделать его лучше, по-другому, интереснее.
〰️
If you like very minimalistic sites with an interesting grid in the spirit of Locomotive and Charmer, you will squeal with delight. There is nothing superfluous here, it feels precise and monolithic in everything we see on the screen. It's an interesting style when you actually have only grotesque, grid and lines. And the content doesn't play a big role here. And every time you unpack your little toolkit and try to make it better, different, more interesting.
https://pave.ai/
Коллеги, идем?
22 сентября Тинькофф проведет #FFDD2D Design Conf — прозрачную конфу о дизайне в продуктовых компаниях.
Спикеры расскажут о будущем дизайна, неидеальных процессах и работе с бренд-медиа. После докладов — афтепати с диджеями, напитками и разговорами по душам.
Можно прийти на конфу в Москве или подключиться онлайн.
Регистрация открыта до 19 сентября. Торопитесь, пока есть места:https://l.tinkoff.ru/conf-design-2023
На мой взгляд, это точно один из лучших проектов за последние пару месяцев. Очень нравится качество проработки всех страниц, так как зачастую в таких историях акцентируют только главную, а остальные разделы наполняют шаблонными и проходными решениями. Сам же проект имеет большое количество интересных приемов, отчего рекомендую ознакомиться со всеми внутренними страницами.
〰️
In my opinion, this is definitely one of the best projects of the last couple of months. I like the quality of development of all pages, as often in such stories emphasize only the main page, and the other sections are filled with template and passable solutions. The project itself has a lot of interesting techniques, so I recommend to familiarize yourself with all the internal pages.
https://moxion-preprod.rejouice.io/
Не знаю, но ощущение такое, будто смотришь на какой-то буклет времен молодости Дитера Рамса, но в хорошем смысле. На самом деле цвет фона, эффекты наведения и все эти квадратики, линии и стрелки делают сайт уникальным и запоминающимся. Чувствуется большая любовь и внимание к деталям, иногда это трудно описать чем-то конкретным, но это определенно здесь есть.
〰️
I don't know, but it feels like looking at some booklet from when Dieter Rams was young, but in a good way. Actually the background color, the hover effect and all those squares, lines and arrows make this site more unique and memorable. You can feel a lot of love and attention to detail, sometimes it's hard to describe it through something specific, but it's definitely there.
https://alphamark.design/
Можно сюда в комменты добавлять вопросы на стрим →
(можно не добавлять, а просто спрашивать прямо на звонке :)
десигн рутин — идейный склад авторских заметок о дизайне, где мы стремимся публиковать уникальные приемы из веба и айдентики, которые помогут вам вдохновиться, прокачать насмотренность и стать более креативным специалистом.
Подписывайтесь: @designsroutine
Дизайн сайта отвечает всем современным тенденциям, сочетая в себе гротеск и антикву, узкие колонки текста, 3D-интеграцию, мощные визуальные эффекты, динамику и своеобразную анимацию практически в каждом блоке. Единственная проблема сайта, пожалуй, в том, что он не особо запоминается, поскольку в нем нет ничего особенно уникального.
〰️
The design of the website meets all modern trends, combining grotesque and antiqua, narrow columns of text, 3D integration, powerful visual effects, dynamics and peculiar animation in almost every block. The only problem with the site is perhaps that it's not particularly memorable, as there's nothing particularly unique about it.
https://www.thethirty7.com/
Очень динамичный проект с приятной стилистикой и плавной анимацией. Нравится, что все находится в постоянном движении и изменяет свою форму по скроллу, однако во внутренних блоках удается сохранить некую серьезность, несмотря на очень яркий и действительно запоминающийся интерактивный прием в самом начале.
〰️
A very dynamic project with a pleasant style and smooth animation. I like the fact that everything is in constant motion and changes its shape on the scroll, but in the inner blocks it manages to keep some seriousness, despite a very bright and really memorable interactive technique in the beginning.
https://www.setaprint.ch/en/
Ребята, которые сделали этот сайт, очень хотят выиграть наград и показать какие они модные и классные. Мы уже давольно давно пришли в ту точку, когда люди качают не индивидуальность, а просто комбинируют тренды. Это кстати в и одежде происходит. Но это не значит, что подобными проектами нельзя вдохновляться и брать что-то для своих проектов. Особенно меня радует, как сегодня научились делать столько сложных и разных анимаций, которые совсем не мешают пользоваться сайтом.
〰️
The guys who made this site really want to win awards and show how trendy and cool they are. We have long ago come to a point where people are not rocking individuality, but simply combining trends. That's what's happening in clothing, by the way. But that doesn't mean that you can't be inspired by such projects and take something for your own projects. I am especially happy how today they have learned to make so many complex and different animations that do not interfere with the use of the site at all.
https://rogue.studio/
Если вы думаете о том, чтобы расширить дизайн-компетенции — приходите на курс Практикума по созданию мобильных приложений. Вы научитесь делать приложения не только для смартфонов, но и для TV, умных часов и других платформ. А в конце положите большой проект в портфолио.
Курс для продолжающих, так что основы заново проходить не придётся. Учёба идёт 3 месяца по 10 часов в неделю — можно совмещать с работой.
Что будет на курсе: • Углубленное прототипирование, дизайн-системы, гайдлайны iOS и Android. • Удобная теория в онлайн-тренажёре, который доступен 24/7. • Практика на большом проекте на протяжении всего обучения. • Преподаватель-сеньор, который проверяет проект каждые две недели. Ему можно задать вопросы напрямую — в чате.
Записывайтесь на курс и расширяйте компетенции.
Интересный и важный по своей миссии проект, который получился в меру простым, но вместе с тем изящным и точным. Понравился основной акцентный прием в виде анимации протеза по скроллу, а также светлая тема сайта и отличный выбор моноширинного шрифта, который хорошо подчеркивает общую визуальную концепцию.
〰️
An interesting and mission-critical project that turned out to be moderately simple, yet elegant and precise. I liked the main accent technique in the form of prosthetic scroll animation, as well as the light theme of the site and the excellent choice of monospaced font, which emphasizes the overall visual concept well.
https://www.hp23.science/
Наткнулся вчера на этот сайт и был приятно удивлен, так как очень много похожих приёмов использую в своем новом сайте, который скоро выйдет (это Гаврил, если что). Главная фишка, на мой взгляд, это нижнее меню с прогресс-баром, который показывает, сколько уже пройдено и сколько еще осталось на странице. И второе - смена между горизонтальной и вертикальной прокруткой, я уже много раз говорил об этом, но это отличный способ удержать внимание пользователя.
〰️
Stumbled across this site yesterday and was pleasantly surprised, as I've been using a lot of similar techniques in my new site that's coming out soon (it's Gavrila's, if anything). The most important thing, in my opinion, is the bottom menu with a progress bar that shows how much has already passed and how much is left on the page. And second is the toggle between horizontal and vertical scrolling, I've said it many times before, but it's a great way to keep the user's attention.
https://verholomchuk.com/
📢 Внимание, дизайнеры! Приглашаем принять участие в конкурсе дизайнеров от Карьерного цеха 📢
Регистрация открыта до 16 октября, задания будут доступны с 25 сентября.
🔹Этапы конкурса:
– Решение кейса уровня junior+ (25.09 - 08.10)
– Решение кейса уровня middle+. Можно участвовать в одном этапе или двух (09.10 - 22.10)
– Проверка заданий по системе p2p. Экспертный разбор нескольких работ в прямом эфире, ответы на вопросы участников (23.10 - 29.10)
- Подведение итогов, вручение сертификатов (30.10 - 05.11)
🔹 Бонусы для участников:
Сертификат об участии на русском и английском языке.
Возможность пополнить профиль на Behance новыми проектами.
Возможность оценить свои навыки и потренировать насмотренность.
Возможность по результатам конкурса получить работу в компанию mos.ru
🔹Полное описание конкурса и регистрация на сайте Карьерного цеха
Приглашайте друзей и коллег поучаствовать вместе с вами!
Подписывайтесь на канал Карьерного Цеха. Так же идет регистрация на конкурсы продактов и аналитиков.
Нравится, как в данном проекте умело работают с пространством. Отчего на главной странице при скролле между блоками появляется иллюзия глубины. В целом мы такое уже неоднократно видели, но все равно подобные многогранные ходы добавляют крутое ощущение от погружения и вовлечения на экране.
〰️
I like how this project skillfully works with space. On the main page, scrolling between blocks gives the illusion of depth. In general, we have already seen this many times, but still such multifaceted moves add a cool feeling of immersion and involvement on the screen.
https://noomoagency.com/
Сайт очень похож на предыдущий: минимум стилей, все держится на гротескном шрифте и сетке. К сожалению, здесь нет ничего уникального, ведь есть очень много похожих сайтов. Но если отбросить это, то перед нами очень качественная и стильная работа.
〰️
The website is very similar to the previous one: minimum of styles, everything is kept on sans serif font and grid. Unfortunately, there is nothing unique here, there are many similar sites. But putting that aside, this is a very high quality and stylish work.
https://www.ganni.com/
Now How меняет логотип
Это наша традиция, раз в несколько лет мы меняем логотип. Это не ради маркетинга, это ради себя - чтобы чувствовать себя свежо, живо, чтобы нравится самому себе.
Знак - Гаврил Перов
Концепт анимации - Анастасия Вилкова
Motion дизайн - Алексей Титяев
Спасибо всем, все близкие люди, все делали просто так и с любовью 🙏
Сайт сразу же цепляет своей цветовой палитрой и разнообразием деталей. В целом здесь хотелось бы отметить композиционный ритм, который в основе держится на работе с типографикой, а также общую динамику складывающуюся из контрастных размеров, графических элементов и анимации некоторых блоков.
〰️
The site immediately attracts with its color palette and variety of details. In general, here we would like to note the compositional rhythm, which is based on the work with typography, as well as the overall dynamics formed by contrasting sizes, graphic elements and animation of some blocks.
https://www.somefolk.co.uk/
Научитесь понимать пользователей и нести ответственность за дизайн продукта в целом. Пройдите курс «Продуктовый дизайнер» от Яндекс Практикума.
Вот что дает курс «Продуктовый дизайнер»:
— Уверенную базу знаний по профессии.
— Практические задания на основе реальных проектов.
— Портфолио, готовое для поиска работы.
— Помощь с трудоустройством.
— Комьюнити единомышленников.
— Умение работать в команде.
Не нужно сразу бросаться с головой в новую профессию — пройдите бесплатную вводную часть и примите осознанное решение.
Попробовать бесплатно
Если попытаться найти последние тренды в веб-дизайне, то их несколько: пиксельный эффект как анимация появления изображений (кстати, первым его использовали ребята из locomotive); сочетание трех шрифтов - гротеска, антиквы и здесь обычно на выбор - сжатый, растянутый или моно шрифт; минимальные межколоночные интервалы. И в целом очень плотные отступы, которые контрастируют с воздухом между разными смысловыми блоками.
〰️
If you try to find the latest trends in web design, there are several: the pixel effect as an animation of the appearance of images (by the way, locomotive was the first to use it); the combination of three fonts - sans serif, serif and here usually a choice of extended, wide or mono fonts; minimal column spacing. And generally very tight indentations, which contrast with the large indentations between the various semantic blocks.
https://motionsickness.co.nz/
Ребята, давно обещал вам сделать разбор близких мне сайтов из последних постов + хочется просто поговорить, ответить на ваши вопросы, поделиться мыслями. Сегодня в 15:00 по Мск хочу сделать стрим - простой, неформальный, открытый. Приходите у кого нет дел или просто интересно - буду всем рад, расскажу о себе, если захотите 🙏 Саша (@gurick)
Читать полностью…
Совсем небольшой лендинг, но достаточно интересный с точки зрения стилистики и наполнения. На мой вкус работа грязновата, но именно сам концептуальный подход очень симпатизирует. Из интересного выделю контурный лоудер, хороший выбор шрифтовой пары, а также отличное звуковое и графическое наполнение.
〰️
Quite a small strip, but quite interesting in terms of stylistics and content. For my taste the work is a bit messy, but it is the very conceptual approach is very sympathetic. From the interesting I will highlight the contour lowder, a good choice of font pair, as well as excellent sound and graphic content.
https://seizon.io
Добавим в нашу подборку еще один отличный магазин. Понравилось как просто, но вместе с тем качественно сложен сайт. Это именно та категория проектов, к которым нет серьезных вопросов, да и выделить что-то одно достаточно сложно, но именно благодаря этому они и хороши.
〰️
Adding another great store to our selection. I liked how simple, but at the same time qualitatively complex site. This is exactly the category of projects to which there are no serious questions, and it is quite difficult to single out one thing, but that's what makes them good.
https://www.rains.com/