26919
Сайты с хорошим дизайном со всего света каждый день 🤟 + скидки на курсы, анонсы мероприятий и лучшие вакансии. Since 2016 〰 by @gurick, @gavrilperov & @munnoville реклама - @gurick
Я стараюсь кидать сюда информационны сайты с подходом совершенно противоположным медузе или что там котируется сегодня. Нафиг эти журнальные колонки, вы уже давно в интернете ребята. Поэтому если вы занимаетесь подобными вещами, делайте уже так, как тут, пока это не стало мейнстримом.
Также, если кому-то интересно, я уже кидал информационные сайты с более современным подходом, при желании, вы найдете 3-4 сайта в нашем канале, которые помогут вам сделать что-то наиболее свежее.
〰
I've been always trying to find informational websites with new approach. I have been looking websites that were made for internet without a newspaper experience. If you work in this field you need to use this approach before it will become very popular.
Also if you are interesting in websites like this you can find more in our channel, I think we have added there already 3-4 sites with modern approach. They will help you to find more fresh solutions for your project.
https://thescene.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 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