это утро под кофе начнем после небольшой паузы с #trendwatching

1. https://manifesto.androll.fr/ — как отказаться от скролла в принципе? Фигма, миро и прочие тулзы уже давно используют формат открытого пространства для решения функциональных задач, а тут его используют как часть дизайна (ну, и для навигации, конечно). Хочется изучать.

2. https://brunoarizio.com/ — не новый сайт, но тут хорошо все: стиль, как работают с вертикальным скроллом. Ничего не раздражает, не смотря на использование таких, казалось бы, непривычных для людей механик.

3. https://gigarama.ru/russianpanteon/ru/ — да, этот сайт не идеален, но тот факт, что у нас появляются такие проекты меня радует. Кажется, подобные сайты можно изучать в рамках школьной программы, а не рассматривать одинокую фотографию в учебнике. Лайк.

Залетаю с перерывом на обеденный #trendwatching

1. https://onedollarlesson.com
касперский в формате интерактивных лекций рассказывает показывает различные сценарии защиты от злоумышленников при манипулировании деньгами в интернете.
Сторителинг работает как нужно, пользователю дается минимум информации, которая хорошо укладывается в голове и максимум анимированных аналогий.

2. https://flipaclip.com
сайт показывает пример, как можно на этапе онбоардинга пользователя закрыть все ожидания от приложения. Особенно понравилось визуальное описание функций и перекладывание их на пользовательский опыт.


3. https://ipeksu.az
интересный способ визуализировать преимущества продукта с небольшой обманкой в скролле. Скролля вниз, движение продукта идет вверх и показывает

продолжаем #trendwatching и готовим серию уже более полезных постов. камингсун

1. https://www.m-trust.co.jp
Некоторая компания, которая решает соц.вопросики в сфере недвижимости. Но судя по главному экрану — они скорее занимаются подпольно выращиванием растений через нейросетки)

Использованная библиотека JS добавляет некоторого антуража и желания задерживаться на некоторых разделах. Плюс микро интересные решения по UX. Так что даже на японском сайте нет ощущения потерянности))


2. expo.dmlainfo.fr
Виртуальная выставка, которая позволяет понять, что видит человек с болезнью AMD (дистрофия сетчатки глаза), посмотрев на нее глазами, имеющих этот недуг.

Сайт цепляет атмосферой, благодаря дополнению музыки и рассказа. Для тех, кто знает французский — будет вдвойне интересно. Сайт построен целиком на JS фреймворке, что позволяет ему стабильно работать и использовать нестандартные решения)

и сегодня нам подвезли очередную порцию #trendwatching
как раз в обед к десерту

1▪️https://juanmora.co/ - сайт бесконечного скролла (хотя он все-таки не бесконечный). Просто очень прикольная идейка, ховеры, анимация и копирайт.

2▪️https://kffein.com/en - простой и понятный сайт агентства в Монреале. Классическая черно-бело-красная цветовая гамма, приятные ховеры. Нравится идея с курсором в виде боксерской перчатки (появляется внизу в блоке с вакансиями). Предлагаю заглянуть в меню и посмотреть также другие странички их сайта.

3▪️https://menudurable.ca/en/ - очень красочный гайд по сбалансированному питанию. Каждая страничка – своего рода глава гайда с описанием продуктов, интересными фактами и даже рецептами.

и вновь начинаем утро с #trendwatching под кофе

1. http://nuro.co/
Тут на мой взгляд визуальный образ сайта идеально соответствует предмету, который он продвигает. Типографика, цвета, продукт - все говорит о минимализме. При всей простоте нам заботливо рассказывают как определять время на часах.

2. https://guide.so-edinenie.org/audio
Студия Лебедева создала гайд по адаптации сайтов для людей с нарушениями слуха и зрения. Сайт дает не только правила по адаптации, но и возможность прочувстовать на себе каким образом люди взаимодействуют с сайтами. Очень рекомендую почитать для расширения кругозора)

3. https://www.pola.com/wecaremore/
Манифест производителя крема для рук. На довольно короткой страничке с зацикленным скроллом они с помощью иллюстраций и анимации передают свою философию. Как через продукт они заботятся о трех составляющих: человек, общество, планета. Интересно как с помощью центрального элемента (рук) передается настроение того или иного смыслового блока.

4. https://www.usedrop.io/
Слежу за вебфлоу и попался интересный сайтец. Маркетинговая платформа с новым подходом к маркетингу. Не оч понятно как это работает. Но мне понравилось как они ведут пользователя. Инверсия скролла будто ведет тебя наверх к чему то. Ты начинаешь восхождение где то в темном и надоевшем месте, потом ты как бы переходишь какую то черту и делаешь глоток свежего воздуха,а завершением твоего восхождения служит форма заявки. Оч понравился блок, где показано, какие бренды уже присоединились к ним.

Когда попросили интерактива "на все бабки" | #trendwatching

Попался нам на днях сайт брендингового агентства Viens-la из Франции

Каждая страница это набор разных мини-механик, которые заставляют залипнуть.

Просто перечислим, что есть на главной:
1. Лого, которое с милым звуком переворачивается
2. Интерпретация меню с блюдом с навигацией по сайту
3. Последние кейсы в углу на первом экране с ховером и тултип собственным словариком об агентстве
4. Блок с атрибутами бренда. Имитация текстового поля, где чтобы не набирал будет «creative»
5. Услуги, которые превращаются в дартс. Можно сыграть с условиями бюджет/время
6. Блок с наградами и годами, которые идут не списком, а падают по скроллу и переключению счетчика лет
7. Форма, где нельзя нажать «нет»

А еще по всему сайту спрятаны 24 монетки, которые надо найти. Прячутся за некоторыми элементами или действиями.

Собираем монетки тут: https://viens-la.com

Когда речь заходит о новогоднем спецпроекте, то часто первой ассоциацией идёт адвент-календарь или украшение елки.

Разработка своей елки не всегда попадает в сроки и бюджет. Нашли небольшой сайт, где ты можешь создать и настроить под себя комнату, приглашать внешних пользователей и украшать елку с пожеланиями друг другу 🎄

Что-то пожелать нам можно тут

Ссылка на проект: https://app.wishfultree.com

#creativecorner #trendwatching

Angry Pumpkins — игра сделанная полностью на нейронках

Javi Lopez опубликовал игру, которую собрал без единой строчки кода. Сгенерировал при помощи Midjourney, DALL-E 3 и GPT-4

Такие кейсы подтверждают факт, что мы живем в переломный момент, когда ai переходит в масс адопшен и становится сильным инструментом, который позволяет бустить разные аспекты жизни и работы.

Поиграть можно тут (только десктоп): https://bestaiprompts.art/angry-pumpkins/index.html

Инструкция: https://twitter.com/javilopen/status/1719363268177777122

#aicorner #gamecorner #trendwatching

Рубрика: «А так можно было?»

На сайте конференции Next.js можно в коллабе с другими пользователями расставлять кубики на правильные места в реальном времени

Cсылочка: https://nextjs.org/conf

#trendwatching