26844
Сайты с хорошим дизайном со всего света 🤟 Since 2016 Сотрудничество: @design_manager_bot
Мне нравятся такие сайты, потому что они попробовали сделать иначе
〰
I like websites like this, because guys who created this tried to make design differently
https://www.leedsgolfcentre.com/
Анимации пытаются убедить нас, что будущие уже рядом
〰
These animations trying to convince us that the future is close
http://experience.practicalvr.com/work
Очень. Французы как всегда хороши (студия Akaru, из Лиона).
Из-за полного отсутствия всяких обязательных ссылок и блоков воспринимается будто не сайт, а интерактивная презентация: классные переходы, отличная типографика, прекрасная визуализация фильтров, характеристик, подсказок.
По факту, все просто, а как в итоге хорошо. Показательный пример успешного промоутирования ограниченного количества товара, при обычном магазине.
〰
Highly. The French as always are good (Akaru studio from Lyon).
Because of the complete absence of any standard links & blocks, it seems as if not a site, but an interactive presentation: cool transitions, excellent typography, beautiful visualization of filters, techs & tips.
In fact, everything is simple, but result is really good. Demonstrative example of the successful promotion of a limited number of goods, having a regular store.
http://goggles.wedze.com
Очень гармоничный сайт. Ничего сверхъестественного, но ⭐️⭐️⭐️⭐️⭐️ за то, что часто забывается, на что никогда нет времени и что требует по-настоящему сильного скила — целостность восприятия. Цветов, анимаций, пространства. А обработка фотографий вообще на высоте — кажется, что ты там, с ней, на пляже : )
В общем отл., потому что это действительно одно из самых сложных — уметь создавать целостные продукты.
〰
Very harmonious site. Nothing supernatural, but 5 for what is often forgotten, for which there is never time and that requires a really strong skill - the integrity of perception. Colours, animations, space. Photos especially great, seems that you are there, with her, on the beach : )
In general very good, because it is really one of the most difficult — being able to create holistic products.
https://amaioswim.com
Впечатлить брендами? Почему бы и нет, уже в первом скролле. Визуально тут ничего такого нет, но сам сценарий подачи информации на первом экране очень интересен
〰
To impress you with brands? Why not, these guys did it already in the first scroll. Visually it looks quite simple, but I liked the flow of the first screen
https://valueact.com/
Здесь мы видим прекрасную коллаборацию иллюстраций и фотографий, которые не заменяют друг друга, а наооборот разделяют типы информации, на мой взгляд, очень удачно. Иконка корзины в перспективе — мелочь, но мне очень даже зашло.
〰
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
Хорошее ощущение будущего и очень приятное сочетание шрифтов
〰
Nice font combinations and you have the feeling about the future here
https://www.50cinquante.be
Типографика тут конечно странная, но в остальном все очень даже ничего.
〰
I think typography is very strange here, but the whole experience is fine as for me.
https://www.plantflags.com/en/
Друзья, будем благодарны, если поможете с поиском разработчика-волонтёра. Наверняка, у многих из вас есть такие люди. Спасибо.
https://www.facebook.com/gurick/posts/1650510088341471
Новая любопытная история от NY Times, тут важный момент — анимация пермещения между фото и текстовыми абзацами
〰
New interesting story from NY Times. Main thing here is the animation between photo and text areas.
https://paidpost.nytimes.com/hennessy-paradis-imperial/the-sense-of-precision-series/the-light-fantastic.html
К Apple и к их немного новому веб-дизайну можно относится по-разному, мы собрали самые интересные страницы из последнего обновления сайта.
〰
You can be in love with new Apple web design or not. But we made a small list with the best pages from the last update for our opinion.
https://www.apple.com/switch/
https://www.apple.com/homepod/
https://www.apple.com/ipad-pro/
А что вы думаете об обновление 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