Сегодняшний сайт на самом деле очень напоминает работы ребят из Vide Infra. Чувствуется любовь к деталям, линиям, чтобы каждый скролл был композиционно интересен и привлекателен, удачно подобраны размеры и графика. Единственное, что, на мой взгляд, портит сайт - это жесткие тени в меню. Не знаю, почему было выбрано такое решение и так важно крепить шапку, но я бы на их месте сделал тогда просто ее на подложке с заливкой, или заменил тень на тень с размытием, это было в любом случае изящнее.
〰️
Today's site is actually very reminiscent of the work of the guys from Vide Infra. You can feel the love for details, lines, so that each scroll was compositionally interesting and attractive, the sizes and graphics are well chosen. The only thing that, in my opinion, spoils the site is the harsh shadows in the menus. I don't know why this solution was chosen and it is so important to fix the hat, but I would if I were them then just make it on the background with a fill, or replace the shadow with a shadow with a blur, it was in any case more elegant.
https://www.autexacoustics.com/
Именно в этом проекте верстка с разделением контента на секции выполнена очень грамотно и эффектно, отчего сайт действительно получился стильным и проработанным. Вместе с тем нравится многослойный эффект и конечно же прием управления проигрыванием фотографий при помощи скролла.
〰️
It is in this project layout with the division of content into sections is done very competently and effectively, which makes the site really turned out stylish and elaborate. At the same time, I like the layered effect and of course the technique of controlling the playback of photos by scrolling.
https://www.depo.studio/
Страница довольно длинная, но благодаря хорошей работе с ритмом и разнообразием, а также тонкому чувству, когда и что нужно изменить, листать ее почти до конца не скучно. Да, под конец, конечно, немного устаешь, но очень интересно, как они пытаются переключить наше внимание и дать нам передохнуть на картинках или пустых местах. Для самых стойких в конце подарок - ссылка на сайт эти ребят, он тоже вполне себе неплохой.
〰️
The page is quite long, but thanks to good work with rhythm and variety and a fine sense of when and what to change, it's not boring to leaf through it almost to the end. Yes, you get a little tired towards the end, but it's very interesting how they try to shift our attention and give us a break on the pictures or blank spaces. For the most persistent there is a gift at the very end - a link to the website of these guys, it's not bad either.
https://2022.driftime.com/
Всем привет! Это Владимир.
Сегодня хотел бы поделиться одним из своих любимых проектов за прошедший летний сезон и предысторией с выбором его названия. Буду рад вашей поддержке!
Ссылка на проект: https://www.behance.net/gallery/181322611/kod9
Мы уже видели лендинги в подобной стилистике, но меня каждый раз цепляет их графическая составляющая и проработка самых мельчайших деталей. Особенно доставляет удовольствие взаимодействие с элементами, так как иногда действительно не ожидаешь увидеть здесь анимации или смены света, что естественно сразу же запоминается.
〰️
We've seen landings in a similar style before, but I'm hooked every time by their graphic component and the elaboration of the smallest details. Especially enjoyable is the interaction with the elements, as sometimes you really don't expect to see animations or light changes here, which is naturally immediately memorable.
https://gitness.com
Если вы скучали по лендингам в стиле Apple. Если говорить честно, то из года в год надоедает смотреть на айфоны и часы под разными углами, но такое прямое копирование и адаптация выглядят довольно интересно. Потому что вы видите, как можно перенести этот стиль и ощущения от презентации на совершенно другие продукты, обычно они более нишевые и сложные, что интересно проанализировать, как это начинает работать немного по-другому.
〰️
If you've been bored with Apple style landing pages. In fact, year after year you get tired of looking at iPhones and watches from different angles, but such direct copying and adaptations look quite interesting. Because you see how you can transfer this style and sense of presentation to completely different products, usually they are more niche and complex, that it is interesting to analyze how it starts to work a little differently.
https://www.ultrahuman.com
Хорошая цветовая гамма, геометричность и классная работа с сеткой. Обратите внимание на внутренние страницы, интересно, как они вносят разнообразие, но не везде это удается, например, есть очень узкие фотографии, которые выглядят так из-за ограничений сетки, и это почти ломает все на странице о компании. Кажется, что в таких случаях лучше выбрать однообразие. А так - это работа ExoApe, и, по-моему, мы выкладывали у нас все их последние сайты.
〰️
Nice color scheme, geometric and cool work with the grid. Check out definitely the inner pages, it's interesting how they bring variety but not everywhere succeeds, for example there are very narrow photos that look like that because of the grid constraints and it almost breaks everything on the about page. It seems that in such cases it's better to opt for monotony. And so this is the work of ExoApe and I think we've showed almost all of their last websites.
https://www.pixelflakes.com/
Сегодня в 16:00 по Мск проведем стрим с @konakovart (основателем студии UXArt) по разбору части работ конкурса ↑.
Я (Саша) был в жюри и пообещал работы своей группы участников разобрать у нас здесь. Уровень в целом начинающий, но кто хочет - заходите, всем будем рады, отвечу потом на любые вопросы (не только по конкурсу)
Стрим будет прямо тут в канале
Пару раз проходил мимо этого сайта, так как меня совсем не цеплял первый экран, но сегодня все же решил его изучить более детально. Меня довольно сложно удивить, но в данном случае все явно получилось. В итоге пришел к выводу, что это точно один из самых лучших проектов за текущий год. Тут идеально почти все: сверх-динамичный ритм, скорость прогрузки страниц, плавность анимаций, интересное взаимодействие с элементами и многое другое. Каждый скролл по-настоящему удивляет, из-за чего все страницы действительно интересно изучать.
〰️
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. Очень люблю такие истории ❤️
erid:LjN8KbLsC
Как провести юзабилити-тест и не облажаться?
Рассказывает Татьяна Чернявская, руководитель продуктовых исследований Авито. Она поделилась рецептом качественного юзабилити-тестирования, которое поможет сделать интерфейс удобным, а пользовательский опыт приятным.
В карточках собрали теорию, а в видео — практика! Смотрите видео от Татьяны и тренируйтесь проводить юзабилити-тесты как профессионалы 😎
Подписывайтесь на канал AvitoTech, где найдёте ещё больше кейсов и познакомитесь с командой.
Реклама. ООО "АВИТО ТЕХ". ИНН 9710089440
#рекомендация
Не буду писать много слов, просто посмотрите. Зайдет - подпишитесь.
Про студию, про проблемы дизайнеров, про комменты, про общение, про цену на свою работу. Про разное.
Канал ведет Антон Кравченко, CEO студии Crauch (ребята с наградами в фудтехе и финтехе)
Подписаться
Именно этот стиль сегодня называют необрутализмом. Если кто не знает, это когда чистота и простота сочетаются с более жесткими отступами, большим количеством линий, минимальными стилями в типографике чи т.д. Это хорошо работает, когда информации и функциональности минимум, но когда ее больше, трудно понять, на что можно нажимать, а на что нет, использование такого стиля кажется уже нецелесообразным.
〰️
It is this style that is nowadays called neobrutalism. If anyone doesn't know, it's when cleanliness and simplicity are combined with tighter indents, more lines, minimal styles in typography, etc. This works well when there is a minimum of information and functionality, but when there is more, it's hard to know what you can click on and what you can't, using this style seems unreasonable anymore.
https://owlfurnitureandobjects.com/
Данный сайт местами напоминает мне Arrival, как со стороны атмосферы и общей эстетики, так и со стороны интерфейсных решений. Будь это моноширинный шрифт, информация в техничных прямоугольниках, только с более закругленными углами и конечно же очень качественный и атмосферный видео и фото контент. В целом получилась отличная работа, которую действительно интересно разбирать на референсы.
〰️
This site reminds me of Arrival in some places, both in terms of atmosphere and general aesthetics, and in terms of interface solutions. Whether it's monospaced font, information in technical rectangles, only with more rounded corners and of course very high quality and atmospheric video and photo content. All in all it turned out to be a great work, which is really interesting to take apart for references.
https://www.polymer.ws
Влад Воркель бросил универ и начал работать дизайнером в Яндексе в 20 лет. С тех пор поработал в 2 продуктах, а сейчас разрабатывает личный кабинет отельеров в Яндекс Путешествиях.
Помимо работы в Яндексе основал InternSheep, комьюнити для дизайнеров, агрегатор стажировок и школу.
За последние 8 месяцев года на 30+ из 63 появившихся стажировок для дизайнеров вышли ребята из этого комьюнити)
У Влада есть телеграм канал, где он рассказывает о своем пути, как попал и работает в Яндексе, как зарабатывает на личных проектах, как строит личный бренд, ну конечно как попасть на стажировку и начать карьеру.
Рекомендуем. Влад интересный персонаж.
Воркель | Дизайн и продукт
Всем привет! Это Гаврил.
Как многие из вас знают, у меня есть второй канал Néue @theneue, где я на протяжение нескольких лет брал интервью у интересных мне дизайнеров.
Я перезапустил его какое-то время назад, и сейчас пытаюсь сделать из него уютное медиа о дизайне и визуальной культуре в самом широком смысле этих слов. Там я пишу о всём, что мне кажется классным и важным, что нужно увидеть, - от нового фильма про Майлза Моралеса до новой коллекции Balenciaga. Всё я пропускаю через призму своего вкуса, поэтому это максимально авторский канал.
Посты выходят не чаще двух раз в неделю, посмотрите, вдруг наши интересы совпадают.
t.me/theneue
Дизайн, искусство и нейропсихология — собрали в креативном пространстве Yauza Place в историческом центре Москвы все, что нужно для перезагрузки.
14-15 октября — два дня погружения в искусство, творческие практики и спекулятивный дизайн. Пригодится тем, кто выгорел и хочет найти новые точки для саморазвития и роста. Будем осваивать дизайн-практику и пластическую импровизацию, медитировать под электронную музыку, слушать лекции про кино и современное искусство и, конечно, общаться на бранчах.
Early bird со скидкой 10% до 5 октября здесь. Количество мест ограничено.
Очень динамичный проект с приятной стилистикой и плавной анимацией. Нравится, что все находится в постоянном движении и изменяет свою форму по скроллу, однако во внутренних блоках удается сохранить некую серьезность, несмотря на очень яркий и действительно запоминающийся интерактивный прием в самом начале.
〰️
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/