26844
Сайты с хорошим дизайном со всего света 🤟 Since 2016 Сотрудничество: @design_manager_bot
На примере этого сайта очень легко объяснить дизайнерам, как работать с ритмом, контрастом и повествованием в целом. Страница довольно длинная, мыслей на ней много. Но она максимально представлена так, что её читаешь. Для этого используется многое: чередование мелкого и крупного текста, чередование текста и крупных фотографий, горизонтальная и вертикальная прокрутка, неожиданная анимация, 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/
Хороший пример того, как классика и инновации идут рука об руку. Марка напоминает одновременно Hermes и Bottega Veneta. Вроде бы есть ощущение истории и серьезности, но в то же время он выглядит смело, современно и свежо. Единственный минус - сайт довольно маленький, хотелось бы увидеть развитие стиля на других, более загруженных страницах.
〰️
A good example of how classic and innovative go hand in hand. The brand is reminiscent of Hermes and Bottega Veneta at the same time. There seems to be a sense of history and seriousness, but at the same time it looks bold, modern and fresh. The only downside is the website is quite small, I would have liked to see the style development on other, busier pages.
https://www.polene-paris.com
У нас уже были посты с серией сайтов с сжатыми шрифтами, поэтому сегодня пополним нашу коллекцию еще одним примером. Довольно интересная работа, где отлично уживается абсолютно разная по стилистике шрифтовая пара, при этом выглядит это достаточно стильно и уместно. А так же отдельно хотелось выделить замечательный маскот, который преследует нас по всему сайту.
〰️
We have already had posts with a series of sites with compressed fonts, so today we will add another example to our collection. Quite interesting work, where absolutely different in style font pair perfectly coexists, and it looks quite stylish and appropriate. And also separately we wanted to emphasize the wonderful mascot, which follows us throughout the site.
https://fold7.com/
Если вы думаете о том, чтобы расширить дизайн-компетенции — приходите на курс Практикума по созданию мобильных приложений. Вы научитесь делать приложения не только для смартфонов, но и для 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/
Очень цепляет концептуальная сторона данного проекта. Отличный пример идеального баланса между воздухом и плотностью информации, все конечно же благодаря грамотной работе с композицией и общему построению сайта. Радует богатая цветовая палитра, которую не часто увидишь в данной сфере, а так же плавная анимация при переходах между разделами.
〰️
The conceptual side of this project is very appealing. An excellent example of the perfect balance between air and density of information, all of course thanks to competent work with the composition and overall construction of the site. Pleased with the rich color palette, which is not often seen in this area, as well as smooth animation during transitions between sections.
https://synchrodogs.com
🎨✨ Хочешь превратить свои рисунки в золотые монеты? Не требуется волшебная палитра, только ты сам и бесплатный вебинар "Как зарабатывать на концепт-арте". Даже если у тебя нет "золотых рук", мы покажем, как твои работы могут стать источником дохода.
💡🚀 Разрушим миф, что рисовать могут только избранные. Присоединяйся к нам, и ты узнаешь, как научиться рисовать, даже если начинаешь с нуля, и получать до 70 000 ₽ за то, что действительно приносит радость.
🎯🎮 Творчество в индустрии игр - это не только хобби, но и дело, которое приносит деньги.
Спикер вебинара - настоящий гуру с опытом более 5 лет. Он научит тебя не только рисовать, но и как успешно продавать свои творения.
🔥🎉 И это еще не все! Все участники получат подарок - методичку по поиску вдохновения художнику.
🛍💎 Не жди черную пятницу, наш бесплатный вебинар лучше - спикер поможет создать твой первый концепт. После воркшопа у тебя будет готовый арт фэнтези-существа.
Торопись занять место!