26844
Сайты с хорошим дизайном со всего света 🤟 Since 2016 Сотрудничество: @design_manager_bot
Здесь мы видим прекрасную коллаборацию иллюстраций и фотографий, которые не заменяют друг друга, а наооборот разделяют типы информации, на мой взгляд, очень удачно. Иконка корзины в перспективе — мелочь, но мне очень даже зашло.
〰
We can see awesome collaboration of illustration and photography here. They help each other to structure all types of information. I think this works very well. Basket icon is a small thing, but i like the idea with perspective.
https://www.mylamello.de/
Вам нужен перевод наших постов на аглийский? / Do you need english text in our posts?
Не нужен / No, i dont need it – 168
👍👍👍👍👍👍👍 76%
Нужен / Yes, I dont know russian – 54
👍👍 24%
👥 222 people voted so far.
Сегодня не типичный пост. Во-первых, потому что мы редко пишем о сайтах сделанных в России. Во-вторых, потому что работа не очень свежая (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
Для тех, кто вдруг пропустит ↑ ссылку — сегодня, завтра и послезавтра в Милане проходит одна из лучших мировых конференций по дизайну цифровых продуктов — 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
В 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
Контент рулит. Какой дизайн?! Этот сайт словами решает все задачи.
Из решений:
- любопытный хавер на ссылках — больше фокуса
- забавный хавер логотипа — своего рода позиционирование
- в топку футер : )
Простой подход, который тащит!
- - -
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
Новый сайт бренда 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
Очень простой и современный сайт сделанный в классическом стиле. Здесь есть все элементы, чтобы передать это: шрифт с засечками, курсив, оттенки золотого, тоненькие линии отбивающие текст, белые рамочки. Единственный минус — такие сайты очень похожи и я вижу в этом проблему.
- - -
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
Ребят, мы хотим понять насколько вам интересны подобные посты ↑
Если интересны, поставьте лайк здесь, плиз https://www.facebook.com/gurick/posts/1606463052746175 и мы будем стараться радовать вас больше подобными подборками и другими интересными материалами.
Спасибо! 🙌
Не то, чтобы здесь про крутой 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
Как же божественно выглядят эти карточки. Пример, как просто и приятно можно делать обложки для ваших документов. Самый кайф — это анимация карточек, как у 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
Сайт модный, но мы с вами такое уже видели. Мне больше понравился кейс работы для Тесла, очень чистая работа на грани «прототипного» вида.
- - -
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/
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/
Чтобы сделать такой простой дизайн, нужно проделать огромную работу. Удалять-удалять-удалять, пока не останется действительно все самое важное. Сто раз подумать все ли на тех местах, куда в первую очередь посмотрит пользователь, когда будет искать что-то определенное. И да, обалденная концепция и анимация
- - -
You need to do a huge work before you get a simple design like this. Delete, delete, delete, until you will have only important features. To think a hundred times about places for all features and users expectation. And yes, of course, awesome conception and beautiful animation.
http://www.locus-solus.it/
Азия, Франция, старые фотографии, приятная анимация
- - - 🏯
Asia, France, old pictures, nice animation
http://www.theboomandthearty.com/kahn/html/
А что вы думаете об обновление Skype?
〰
What do you think about new Skype update?
https://www.skype.com/en/new/
Немного лета в ваши глаза
- - - 🍉
Smells Like a Summer!
http://havaianas.com/porinteiro/
Западные европейцы обладают какой-то собственной эстетикой. Ещё даже не знаешь авторства работы, но уже через 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
Ооо, друзья мои, это очень круто! Просто 6 из 5!
И звук какой потрясный. Это 🔥сайт.
- - -
Oooh, guys, this is absolutely great! 6 from 5!
And the sound is really awesome! Love it!
http://workshop.ddd.it
Наблюдается массовый движ в сторону дизайн-систем. В апреле на 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
Ребят, с днем Вселенной! : )
https://www.youtube.com/watch?v=WAd7ty73gZI
Я встречал месяца 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
Мне кажется, что ваш сайт может нарушать какие-то пользовательские паттерны, если он при этом остается простым. И пользователь находит куда кликнуть. «Чувак, да тут кликать просто больше некуда!», ну, вы поняли! :)
- - -
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/
Сегодня у нас подборка видео, которую я собирал последние 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 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
Важное событие: Вчера на 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
Крупная типографика и уверенная анимация. Расположение элементов создает фокус на товарах. Это как у фотокамер по краям, понимаете?
- - -
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
DRIBBBLE INVITE
Есть два инвайта для новичков. Все подробности по ссылке
- - -
I have two invites for new guys. Click on the link to see details
https://dribbble.com/shots/3459651-two-invites-for-new-guys
Отличные анимации переходов, которые дают прочувствовать плоскости, на которых ты находишься
- - -
Awesome transition animations. They help you to understand all layers of content.
https://www.moodica.com
- - - special for designers ⚡️
Свежий кейс от наших любимых Антона и Айрин
- - -
Fresh case from our favourite designers Anton & Irene
http://work.antonandirene.com/shantellmartin/
Все-таки европейский дизайн сильно отличается от американского.
Сегодня прекрасный по атмосфере, музыке, плавности и стилю сайт от титулованной итальянской студии Adoratorio про вина с полуострова Саленто. Наслаждайтесь.
- - -
Nevertheless european design school is different from american.
Today beautiful in atmosphere, music, smoothness and style website from award-winning Italian studio Adoratorio about vines from Salento. Enjoy.
http://www.ibuongiorno.com/en