Apple обновили свою страничку про окружающую среду. Интересные анимации, которые несут именно смысловое значение. Стилистика иллюстраций передает ощущение причастности к этому каждого.

- - -

Apple refreshed their page about Environment. Interesting animations help you to understand the meaning of the text. Style of illustrations conveys a sense of involvement in each person.

https://www.apple.com/environment/

Крупная типографика и уверенная анимация. Расположение элементов создает фокус на товарах. Это как у фотокамер по краям, понимаете?

- - -

Big fonts and strong animation. Location of all objects help you to see goods in focus like you see in the camera, you know?

https://kvellhome.com

Сайт модный, но мы с вами такое уже видели. Мне больше понравился кейс работы для Тесла, очень чистая работа на грани «прототипного» вида.

- - -

Very trendy website, but we already saw websites like this. But I really liked the case about dashboard for Tesla, very clean and looks a little bit like black and white wireframes.

http://www.nahelmoussi.com/

Важное событие: Вчера на Build Microsoft представила новый дизайн-язык для всех своих продуктов — Fluent Design System. Компания называет его преемником Metro UI и говорит о том, что мы увидим его во всех приложениях и сервисах компании во всех экосистемах.

Пока судить рано, но в примерах явно чувствуется подготовка к VR, дополнительным гаджетам и новому взаимодействию.
- - -

Breaking: Yesterday on Build Microsoft announced brand-new design language for all products — Fluent Design System. Company calls it true successor to Metro design & promises to roll design changes across all apps and services on Windows, iOS, and Android.

Early to judge, but in examples clearly feel the preparation for VR, additional gadgets & new interaction with the interface.

http://fluent.microsoft.com

Как же божественно выглядят эти карточки. Пример, как просто и приятно можно делать обложки для ваших документов. Самый кайф — это анимация карточек, как у Apple TV.

- - -

This card looks awesome. You can use it like inspiration for your document covers. The buzz is animation of card like in Apple TV.

https://openai.com

Смыла в этих анимациях немного, но они управляют твоим внимание и не дают уйти, пока ты не дойдешь до конца.

- - -

I don’t think you need so much animation in your projects. But it can help you to manipulate people’s attention. And you’re not leaving until you reach the end.

http://budgyapp.com

Не то, чтобы здесь про крутой UX или UI, но точно про свежую концепцию взаимодействия.
Сайты, где речь не про конверсию, а про впечатления, все больше идут к выходу за границы классического понимания юзабилити, так детально описанного в книгах. Похоже скоро многие термины придется переосмысливать заново.

- - -

This site not about great UX or UI, but for sure about new & unique conception of interaction. Sites, where conversion is not the main goal, but about impressions, more & more come go beyond classic understanding of «usability», so detailed described in books. Look like soon we have to re-think a lot of terms.

http://www.narrowdesign.com

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

- - -

Today we’ve prepared a selection of videos, that I have been collecting for the last 2 years. The best of the best. To understand all ideas and thoughts you probably need to watch these videos for a few times, again and again.

01 — English
https://mega.nz/#!VVozgBZR!LOCfCTMrbzV1v2jtTFdsnFNlFWIQXX-2DMk3GW8Tbuk
Антон и Айрин о проектах, процессах и в целом обо всем
(нет в открытом доступе, надо будет скачать с трекера)
- - -
Anton and Irene speak about their projects, process and all other stuff. (not youtube or vimeo, you have to download this file to watch)


02 — Russian
https://www.youtube.com/watch?v=9I73ryTIUqw&t=482s
Глеб Кузнецов о том, как создать то, чего ещё нет.


03 — English
https://www.youtube.com/watch?v=8Um2pLC9It8
https://www.youtube.com/watch?v=-x7JRQ0bClk&t=394s
Клаудио про будущие, параллели дизайна и кинопроизводства.
- - -
Claudio Guglieri tells us about the future and compares design and filmmaking.


04 — Russian
https://www.youtube.com/watch?v=sWMl-CX38mM&t=1977s
Саша Лагута о том, как правильно подавать себя на Dribbble и Behance


05 — English
https://www.youtube.com/watch?v=KSgPlmHU4cY&t=2199s
Айрин о последних проектах и о том, насколько случайны идеи
- - -
Irene tells us about the last projects and how the ideas are random for side projects.


06 — English
https://www.youtube.com/watch?v=bf5vZHS2ynY
AMA от Creative Russia с бородатым мальчиком
- - -
Ask me anything with Tobias van Schneider


07 — English
https://www.youtube.com/watch?v=5U0-FZPWwuc&t=1s
Еще чуть-чуть о Тобиасе
- - -
One more interview with Tobias


08 — Russian
https://www.youtube.com/watch?v=fk1PJpwAZ20&t=126s
AMA от Creative Russia c Антоном Реппоненом

Мне кажется, что ваш сайт может нарушать какие-то пользовательские паттерны, если он при этом остается простым. И пользователь находит куда кликнуть. «Чувак, да тут кликать просто больше некуда!», ну, вы поняли! :)

- - -

I think your website can break some users patterns if users experience still will be very simple and clean. And, of course, user can find elements for click. «Dude, I don’t see elements to interact with except that!», I think you understand me! :)

https://studiorotate.com/

Очень простой и современный сайт сделанный в классическом стиле. Здесь есть все элементы, чтобы передать это: шрифт с засечками, курсив, оттенки золотого, тоненькие линии отбивающие текст, белые рамочки. Единственный минус — такие сайты очень похожи и я вижу в этом проблему.

- - -

Very simple and modern website in classical style. It has all elements of this style: antique (serif) font, italic style, thin lines, white frames. One problem — websites like this looks very similar.

http://theploughatlupton.co.uk

Я встречал месяца 3 назад на Dribbble эту работу, но думал, что это концепт. Наткнувшись на реально работающий сайт, я был приятно удивлен. Наконец-то сайт от Spotify, да и еще и музыку можно послушать!

- - -

I had saw this work 3 months ago on Dribbble, but I had thought that it is was just a conception. But I see it now, and I am very surpised. Finally, this is new website from Spotify and with music!

https://insidediscovery.pitchfork.com

Новый сайт бренда Pal Zileri от любимых нами AQuest — редкий случай, когда помимо стильного визуала хочется хвалить анимацию

1. Представляете эффект, когда вы смотрите в щель и при этом чуть опускаетесь-поднимаетесь — ровно этот эффект здесь передан во всех фотографиях на внутренних страницах. Присмотритесь, как это сделано — очень элегантно и просто
2. Переходы. Сглаженные переходы уже становятся нормой. Здесь без революций, но впечатляет качество исполнения — никаких нареканий. Ощущение, будто листаешь, а не перемещаешься.
3. Порядок и тайминги появления элементов удивляют продуманностью: сначала главное, потом элементы управления, потом совсем второстепенное — браво (главная, страница товара…)
4. Даже когда открываешь видео: сначала все уезжает, потом гаснет, потом начинается. Когда закрываешь звук уходит плавно — везде все плавно, мягко, нежно.

И все страницы хороши. До единой.
Ощущение, будто побывал в их супер-стильном магазине где-нибудь в Венеции. Великолепный результат.

- - -

Band-new site Pal Zileri from our beloved AQuest is a rare case, when apart of stylish visual experience I want to compliment the animations

1. Imagine that you a looking in a gap and move up and down a bit — this natural effect is used on photos, when u are scrolling. Take a closer look how it’s done — very elegant & simple
2. Page loadings. Smoothed transition became norm. In this case the best of it is quality of performance — no complaints. Feeling like leafing, not moving
3. Order and latency of elements appearance surprise by reasonableness: first the main, after controls & at last secondary information — bravo (home page, product page, etc.)
4. Ever on opening the video: first content disappear, after goes out & only after video begins. When close, sound subsides. Every interaction here is very smooth, soft & even sexy : )

And all pages are great. Everyone.
Feel like after visiting super-stylish cloth store somewhere in Venice.
Gorgeous work.


https://www.palzileri.com/en

Ребят, с днем Вселенной! : )

https://www.youtube.com/watch?v=WAd7ty73gZI

Контент рулит. Какой дизайн?! Этот сайт словами решает все задачи.
Из решений:
- любопытный хавер на ссылках — больше фокуса
- забавный хавер логотипа — своего рода позиционирование
- в топку футер : )

Простой подход, который тащит!

- - -

Content rules. What design?! This site archives all goals by text.
Curious things:
- interesting links hover — more focus
- funny logo hover — smth like brand positioning
- fuck off footer : )

Fresh approach that rocks!

https://peek.rocks

Наблюдается массовый движ в сторону дизайн-систем. В апреле на Shopify Unite 2017 анонсирована Shopify Polaris — дизайн-система всех продуктов Shopify. И, да, моя любимая «тональность языка» в числе главных принципов! А так, масса полезных фундаментальных правил интерфейсного и продуктового дизайна. Рекомендуем к ознакомлению.

- - -

We see mass movement to design systems. In april on Shopify Unite 2017 company announced their brand-new design system for all products — Shopify Polaris. And, yes, my passion «voice and tone of communication» among main principles! At all amount of fundamental rules of interface & product design. Recommend to review.

https://polaris.shopify.com

В 2016 должен был выйти новый сайт нашей студии, но мы с ним не справились. Его не будет. Однако, тогда, в конце 2015, мы спроектировали для него несколько действительно новаторских UX-решений. Одно из них — визуализированная навигация.
И было очень приятно вчера встретить где-то на 80% похожее решение. Значит все правильно думали и думаем.

- - -

In 2016 brand-new site of our studio has to be announced, but we failed. It will not be. But then, in the end of 2015, we designed some great new ux-finds. One of them — visualised navigation.
And it was very pleasant for me yesterday to meet so close decision. Looks we did & do right things.

https://work.co

Ооо, друзья мои, это очень круто! Просто 6 из 5!
И звук какой потрясный. Это 🔥сайт.

- - -

Oooh, guys, this is absolutely great! 6 from 5!
And the sound is really awesome! Love it!

http://workshop.ddd.it

Для тех, кто вдруг пропустит ↑ ссылку — сегодня, завтра и послезавтра в Милане проходит одна из лучших мировых конференций по дизайну цифровых продуктов — Digital Degisn Days + OFFF.
Вот её титры. Они такие же крутые, как и сайт.

- - -

For those who will miss ↑ link — from today till 3 june in Milano goes one of the best conference for us — Digital Degisn Days + OFFF. This is the trailer. And It's gorgeous too.

https://vimeo.com/213629378

Западные европейцы обладают какой-то собственной эстетикой. Ещё даже не знаешь авторства работы, но уже через 5 секунд просмотра думаешь «Не французы ли?». Нет, сегодня не французы) — оказалось, что это Buro, именитая португальская студия. Но это не важно.

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

- - -

West europeans has it’s own unique aesthetics. Even don’t know the creator, but after 5 seconds of viewing think «Isn’t it French?» — no, today it’s a new work from famous Portugal studio Buro. But it doesn’t matter.

Website isn’t a revolutionary, but more importantly — has a very holistic impression. And this, you know, is very, very difficult.
From an interesting:
- elegant slider on homepage
- very good colour decision
- curious step by step form filling flow
- and, as we like to say, nice animations % )


http://psikontacto.com

Сегодня не типичный пост. Во-первых, потому что мы редко пишем о сайтах сделанных в России. Во-вторых, потому что работа не очень свежая (2016). Однако, мы хотим написать о ней и ребятах, которые её сделали.

BreadHead — одна из уважаемых нами студий в Петербурге и России — сделала, на наш взгляд, почти образцовый сайт заказа еды для YamiYami.

Посмотрите
- как сделано меню
- как сделан переход в карточку товара
- на сайте нет «о компании» и прочего не нужного здесь
- посмотрите на тексты и внимание к каждой букве, к каждой мысли — браво, ребята
- посмотрите на набор данных на каждом экране — ничего лишнего

Словом, вообще, посмотрите на сайт спокойно, увидев тонкую выделку интерфейса и любовь к удобству пользователя во всем.

p.s. Еда тоже хороша, хотя и повыше среднего ценника.

- - -

Today is not a typical post. At first, because we rarely talk about works from Russia. Secondary, because site is not a new work (it launched in 2016). Nevertheless, we want to tell you about it & about team, who did it.

BreadHead — one of the studios from Saint-Petersburg & Russia that we love & respect — made, in our opinion, nearly the exemplary food-delivery website for YamiYami.

Look
- how menu is made
- how transition to the product page is made
- that there is no pages like «About us» & others not needed pages
- look at texts & attention to every word, every massage — bravo, guys
- look at the data set on every screen — nothing extra

In short, at all, look calmly on this website & try to see thin dressing of an interface & love to user experience in all scenarios.

https://yamiyami.ru

Немного лета в ваши глаза

- - - 🍉

Smells Like a Summer!

http://havaianas.com/porinteiro/