REBOOT STUDIO
3.83K subscribers
419 photos
90 videos
5 files
261 links
REBOOT (цифровая студия от SETTERS): rebooot.me

Делимся мыслями, новинками и опытом работы с технологиями: от web и UX/UI до игр, AI, web3

Разбавляем своими кейсами, концептами и просто внутренней кухней.

связь: @zero1two
Download Telegram
Всем доброго дня! Очередная порция интересных местечек для #trendwatching. В этот раз от Ильи :)

1. bermat.it — Производитель двухместных спортивных автомобилей, полностью настраиваемых онлайн по дизайну и характеристикам.
Хочется верить, что они действительно выйдут на рынок с таким интересным продуктом.
Сам сайтец нравится своей динамикой, простыми решениями, завёрнутыми в обёртку интересных анимаций.

2. fledge.tv — Студия, которая занимается производством короткометражных фильмов и видео.
Здесь создаётся впечатление, что шагая от страницы к странице - будто у тебя не фиксированное разрешение окна, а где-то 10000 рх в каждую сторону)))
Плюс интересная шрифтовая пара (не для частого использования, но как вариант)

3. fabricofthenation.com — Проект, который если вы не видели, то точно задержитесь здесь на некоторое время.
В данном проекте можно записать и поделиться своими голосами, увидеть и услышать чужие записи.
Я не могу выделить здесь что-то конкретное. Даже прелоадер какой-то особенный)) Тут просто с какой стороны не посмотреть — всё замечательно спроектировано)) Спасибо создателям))

Эстафету желаю передать @ama1endu или @Natalia_Katerova ,если конечно есть желание поделиться своими наблюдениями и закладочками)
Если же нет, то будем рады посмотреть очередную порцию от @trvrc ☺️
понедельничная подборочка от Артура @ama1endu по #trendwatching

Дорогие, сорри, что припозднился. Трэндвотчинг в студию))

1. Обожаю, когда дизайнер черпает вдохновение из внешнего мира и переносит опыт взаимодействия в цифровую среду. Наслаждаемся эстетикой 60-х, перебираем пластинки и слушаем.
https://music.zajno.com/

2. Не смотря на то, что он уже был тут(да-да я слежу за чатиком😅), я не смог пройти мимо портфолио лондонского архитектурного бюро. Минимализм, ломаная сетка, приятные анимации. Конечно же красивые проекты в духе Йозефа Эйхлера.
https://prb-a.com/

3. Платформа для разработки и внедрения программного обеспечения для промышленных роботов. Классные трехмерные анимации, говорящие просто о сложном. Как вы относитесь к разрядке строчных букв?🤪
https://rtr.ai/

4. Голливудское агентство, помогающее людям с профориентацией и поиском себя. Лендинг яркий, с приятными цветами и анимацией. Чувствуется теплота и забота. Надпись на главном экране гласит «Оставь свой след в этом мире» и на месте курсора появляются отметки.
https://platform-seven.com/
отличная подборочка от Наташи @Natalia_Katerova
#trendwatching отдельный лайк за финальную историю про пасхалку)

Всем привет!
Врываюсь к вам со своей подборкой. Я не дизайнер, поэтому смотрю под своим углом и с разных сторон. Надеюсь, что что-то интересное и то, что ещё не видели будет в списке)

1. https://www.callbruno.com/en/culture - здесь сильно нравится история с горизонтальным скролом. Я часто встречаю сейчас это в трендах. Мне кажется, что такой прием хорошо ложится на модную историю сторителинга. Хочется попробовать данный прием где-то реализовать. По идее планируем его на одном из разделов для сайта агентства SETTERS.

2. https://leonard.agency/en/contact - нравятся цвета, типографика и графика, приятный сайт.

3. https://www.fixnothing.com/ - нравится история с тем как показали персонажей и элементы некой геймификации, вовлекает пользователя.

4. https://vedro2-0.tilda.ws/ - после этого копирайтинга я захотела купить себе ведро. Мы только сейчас начинаем встраивать UX-копирайтинг в отделе WEB SE и вообще больше обращать внимание на тексты. Поэтому не могла пройти мимо.

5. https://polka.academy/ - нравится прием с полкой книг: удобный и приятный для пролистывания. На мой взгляд залипательный, но при этом функциональный блок получился у ребят. Очень нравится типографика, выдержана в стилистике направления.

6. https://universalfavourite.com.au/ - этот сайт нашла не я, его нам закидывал Дима Швец, но мне очень понравился и запомнился. Разные графичные ховеры запали в душу.
Интересная идея с навигацией вверху, супер просто и очень понятно. Вот наши работы, а вот о нашей студии. Очень нравится форма для связи с контактами в левом нижнем углу, такая дружественная и логичная.

А щас небольшой прикол прошлой недели из WEB SE)
В последнем кейсе один из ховеров - это глазик. И тут я вспомнила интересный инсайт из нашей веб-аналитики с отделом маркетинга.

В метрике на одном из наших лендосов мы обнаружили, что люди протерли до дыр один из графических элементов дизайна - это стикер с глазом!
Вот этот лендос, стикер глаза на первом экране в правом нижнем углу: https://setters.education/courses/vizualiziruj-i-prezentuj
Мы решили, если делать дальше такой стикер, то спрятать за ним пасхалки) людей влекут глаза)

Всем хорошего дня)
прямо из сапсана и в #trendwatching. сегодня подборочка от @MariaSh_95 Маши:

Итак, здрасте, мой первый трендвотчинг. Надеюсь, я не буду повторяться 😬

1. https://nissan-evolution.ru/ – очень круто показано развитие головных устройств в Nissan. Весь лендинг – один большой тайм-лайн с нескучными заголовками и приятной цветовой палитрой в ретро стиле.

2. https://10ideesrecuesenuxdesign.castoretpollux.com/en/ – прикольный квиз про 10 заблуждений о UX. Яркий, интерактивный с классной анимацией. Хоть вопросы и не сложные, все равно можно заодно свои знания чекнуть и интересные факты узнать 😌

3. https://gmeadow.com/ – я не особо поняла, о чем сайт, но мне нравится поэкранный скролл, типографика и разный цвет бэкграунда каждого экрана.

4. https://designresourc.es/ – недавно кто-то уже присылал сборник инструментов дизайна, но все равно поделюсь вот этим ресурсом с большой подборкой разных полезностей для дизайнеров. Плюс сам сайт очень приятный.

Всем хорошего дня ✌🏼
а вот и пятничный #trendwatching от нашей Ани :) пятничный в субботу. классика. но качественная


Всем доброе пятничное утро! #trendwatching
(P.S. Заранее извиняюсь за кол-во ссылок!🙏😬)

Сегодня предлагаю восхититься эстетикой типографики.

https://stelvio.k95.it/ — огромное количество эффектиков по скроллу, очень классно подходит для всяких лонгридов.

http://www.gt-flexa.com/ — понравилось, как в середине сайта шрифт с определенной анимацией отражает слово, которе им написано.

https://typefaces.temporarystate.net/preview/
https://velvetyne.fr/
— сайты шрифтовых агентств, где и сами сайты залипательные, и шрифты крутые

https://www.typewolf.com/ — сайт, который собирает в коллекцию сайты с кул типографикой и рассказывает, что за шрифты были использованы

И напоследок, не совсем про шрифты, а точнее совсем не про них, но если вдруг вам понадобится прикупить человеческих костей, вы можете это сделать. Например, череп карлика стоит почти 600к! https://www.jonsbones.com/ ☠️

Передаю эстафету Ксю @trvrc
ну что, с почином очередным понедельничным нас. рубрика преобретает интересные краски и уклоны в точечные истории. пока (если) обед, предлагаю посмотреть на подборочку годноты от Ксю:

йо 🖖
поддержу тему нашей последней встречи и подкину в топку еще немного дров на тему деталей.
сегодня картинки о кнопках, которые могут стать такой запоминающейся мелочью, которая превратит простой аккуратный дизайн в объект притяжения.
#button #interaction #trendwatching

@ssbortsov, я знаю, что у тебя в закромах точно есть что добавить (детали, микроанимашки, ховеры, транзишоны), помогай)
#trendwatching
Сережа не чувствует запахов, но пока еще видит. Вот он и подготовил сегодняшнюю рубрику, погнали:

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

1. https://www.defeatboco.com/ моё любимое! иллюстрироанный сайт с привязкой к скроллу пользователя. Сам сайт рассказывает про процесс разработки веб-продукта и подает это все в формате «приключение на 10 минут». Но мы то с вами знаем, насколько оно может затянуться…) Есть вопросики к шрифтовым решениям, акцентам и элементам интерфейса, но сторителинг вкупе с иллюстрациями - затягивает.

2. https://typographyprinciples.obys.agency/ кто-то наверняка уже видел его (да, Ксю?)). нельзя пройти мимо этого стильнейшего сайта про принципы типографики от студии Obys. Ничего непонятно, но очень интересно. На самом деле, если детально вчитываться, то максимально четкая и простая выжимка по основам грамотной типографики)

3. https://qodeinteractive.com/catalog/ простейший и кайфовый за счет плавных микроанимаций сайт студии дизайна. Переходы в кейсы и подача контента внутри, само меню, переход из одного кейса в другой… благостно максимально))
отличнейшая подборочка от нашей @yujinajina Жени разбавит этот денёк #trendwatching

1. Концептуальный вариативный шрифт Climate Crisis, который постепенно «тает» и является творческим высказыванием на тему таяния ледников и изменения климата.
https://kampanjat.hs.fi/climatefont/

2. Porter & Sail — компания, предлагающая обеспеченным миллениалам персонализированные туры по городам мира. В дизайн-бюро «Щука» сделали для них лёгкую и элегантную систему идентификации. Логотип построен на контрасте лёгких рукописных амперсандов и очень гуманистического гротеска.
https://shuka.design/porter-and-sail

3. Журнал SKVOT предлагает вопросы, которые провоцируют переключение в латеральный режим мышления и помогают искать новые творческие идеи.
https://skvot.io/ru/blog/10-voprosov-chtoby-pridumat-novoe

4. Ну и мое любимое 😉
Почему дизайн выглядит хорошо? Небольшое исследование Nielsen Norman Group | UXPUB
https://ux.pub/pochemu-dizayn-vyglyadit-horosho-nebolshoe-issledovanie-nielsen-norman-group/

#font #creative #ux #thinking #design

@asyati лови шанс 🤩
и в конце дня визуальный релакс от нашей Аси
#trendwatching

"В прошлый раз я подумала, что приветственное слово про хорошую погоду и про «хилемся, живем» пишет Саша в комментах к нашим подборкам, но выяснилось, что все остальные передают приветы самостоятельно. Чтош, тогда погнали по сайтам, а потом можно пойти любоваться на весенний закат "


1. https://stykka.com/collections/lastdesk%E2%84%A2/products/lastdesk
Имиджевый сайт очень модного стола, тут и составляющие летают, и видео крутое, и вроде начинаешь сразу думать, может и мне такой стол нужен. И по факту — ничего лишнего, текст и столы разные, даже картонный есть

2. https://www.fontshare.com/
Сайт делал Александр Лагута с женой Екатериной, поэтому он, наверняка, вам попадался на глаза, по крайней мере кейс. Это сервис с бесплатными шрифтами для коммерческого и некоммерческого использования от индийской шрифтовой компании. Кириллицы, конечно же, неть

3. https://getensembl.com/products
Если не хотите покупать набор кастрюлек за 50 тыс с доставкой из Америки, то хотя бы посмотрите их интернет-магазин))

4. https://on-air.caricomassimo.org/
Вот этот сайт мне скорее не понравился, но я его сюда закину. Прием деления окна на 2 части не новый, в этом есть некое удобство и где-то такие штуки могут подойти. Я подумала сразу про Бреус и про часть сайта с коллекциями

5. https://us9.campaign-archive.com/?u=89138ced008e0282fe335b3a8&id=e2c7c04cbb
В канале Главреда сегодня опубликовали старую статью Ильяхова о рекламе, я с удовольствием прочитала. Там речь вроде как про 2015 год, но не скажу, что информация потеряла свою актуальность, ну а нам, вебам, завсегда такие штуки полезны
утром под кофе зайдет подборочка:

"меня там опять тегнули на трендвотчинг, поэтому сори, снова галерея 😐

привет-привет 🖖
в лесу кто-то умер - в питере солнце. рабочее настроение под угрозой, и самое время вдохновиться божественной красотой смещенной строки. самое свежее из внутрянки процесса по BODIUM."

1. https://www.behance.net/gallery/97244173/Studio-Maertens-Industrial-Design-Studio-Website

2. https://www.behance.net/gallery/97428485/Sabor-a-mi-Fashion-Branding-Package-Webdesign

3. https://www.behance.net/gallery/89651037/kaper-travel-brand-design-website-launch?tracking_source=for_you_feed_activity

#trendwatching #typography #composition