26844
Сайты с хорошим дизайном со всего света 🤟 Since 2016 Сотрудничество: @design_manager_bot
Совсем не новый, но от того не менее достойный канала сайт — проект ребят из Студии Лебедева Timestripe с крайне интересными интерфейсными решениями. Один из основателей и арт-дир Студии Сергей Кулинкович сказал, что фидбэк отличный, продуктом пользуются и в 2018 его ждут обновления. Не поленитесь, залогиньтесь — главное интересное внутри.
〰
Product by the guys from Art.Lebedev Studio with extremely interesting interface solutions. One of the founders and Studio art-director Sergey Kulinkovich wrote that product’s feedback is good, people love it and in 2018 new features are coming. Spend 2 mins, log in, most interesting thing are inside.
https://timestripe.com/
Почти все вы знаете, что я очень люблю то, что делает Антон Реппонен и считаю его самым сильным дизайнером в индустрии сегодня. Так вот, он совместно с Readymag сделал страницу в стиле, котором он проповедует весь прошлый год: растянутый шрифт, примитивная геометрия и «графичные» цвета. Если быть честным, то докопаться тут много до чего есть, например, что заголовок страницы можно и не заметить или волны, которые плывут, выглядят притянутыми порой, а не которые метафоры не самые очевидные, как радио или самолет. Но в любом случае все это очень круто, а главное познавательно.
〰
Everyone knows how I love Anton Repponen’s works and I think he is the strongest designer in our industry today. So together with Readymag he has created a website in style that he has propogated last year: wide font, primitive geometry and «graphiс» colors. To be honest I have some issues like: you don’t see the titile of page, waves looks more forcedly, some of metaphors aren’t obvious (like radio or airplane). Anyway the whole page looks awesome, that is the more important — informative.
https://readymag.com/repponen/20inventions/
Мы не постим рекламу, но постим, то, что нравится нам самим. Вы все знаете (или должны узнать) Сергея Андронова, одного из лучших арт-директоров в России, который сейчас работает в Looi (если тоже вдруг не знаете, то обязательно — https://looi.co). Так вот Сергей ведет один из самых полезных на наш взгляд каналов про дизайн. Мы не пересекаемся с ним — он рассказывает про дизайн-системы, про крутые лекции, интервью и, главное, делится своими мыслями обо всем этом. Самое кайфовое, что все ссылки и тексты очень качественные, не а бы что, лишь бы сделать пост. Серж отбирает только самое достойное, и даже мы, весьма искушенные на контент ребята, с большим удовольствием его читаем. Поэтому вчера я просто написал Сержу, что хочу рассказать о нем в нашем канале, что хочу, чтобы больше людей читало такой контент. И, ещё раз, это никакая не реклама, это то, на что мы действительно рекомендуем подписаться думающим дизайнерам.
〰
Sorry, guys, this link is only for russian telegrammers : )
Очень крутой канал Сергея Андронова про дизайн — /channel/designgest
Сайт-история, сайт-мультфильм. Немного не хватает жизни (анимации) иллюстрациям на мой взгляд, так как достаточно быстро устаешь на них смотреть и хочешь чего-то нового, а голос все продолжает рассказывать текущую главу. За исключением этого все сделано очень хорошо, возможно переключатель глав можно было бы сделать еще проще, а то выглядит громоздко как-то.
〰
Website-history, website-cartoon. I want to see more life (animation) inside of the illustrations because you are tired very fast from looking on them and you need something visually new, but the voice is continuing to tell you the current chapter. Except this thing, all ellements look great, probably chapter switch could be more simple, it looks too wide now.
http://www.maria-callas.com/life
В конце ноября Watson/DG из LA выкатили весьма любопытный сайт для фильма Горе-творец (The Disaster Artist), которого у нас в прокате не было и вроде не ожидается. Фильм получился достойный, но интересна там промокампания, частью которой сайт и является. Как и фильм, сайт полон хорошей музыки, тонкого юмора, отличных гифок и вообще выглядит скорее, как журнал.
〰
At the end of November, Watson / DG from LA published a very curious site for the movie The Disaster Artist, which we did not have and not expected at the box office. The film turned out to be worthy. Like the movie, the site is full of good music, subtle humor, excellent gifs and generally looks more like a digital magazine.
http://www.disasterartist.movie
Wow без wow: полное отсутствие юзабилити в угоду новеньких wow-решений по навигации, хаверам, переходам между страницами, щедро приправленных параллаксом всего, что только можно.
〰
A complete lack of usability for the sake of new wow-decisions in navigation, hovers, transitions, generously flavored with parallax of everything on this site.
https://www.duroc.ma
Друзья, тыкните, пожалуйста, чем в основном пользуетесь? / Choose your favourite app for design, please
Photoshop – 13
👍👍👍👍👍👍👍 37%
Sketch – 11
👍👍👍👍👍👍 31%
Figma – 5
👍👍👍 14%
Illustrator – 3
👍👍 9%
Adobe XD – 2
👍 6%
другое – 1
👍 3%
Framer
▫️ 0%
👥 35 people voted so far.
Наконец-то крутой магазин и не одежды! Радость от просмотра и публикации его вам сродни посту годичной давности про protest.eu. Одно из тех, что мы ценим больше всего, — одинаково хорошая продуманность всех страниц, а не только главной и ещё пары за ней. Что мы тут имеем: классная макро- и микро- навигация, короткая главная (ура!) и explore-страницы с товарной интеграцией, крутейшие фотки, интересные решения по фильтрам, офигенная страница товара и всё это без пошлой бездумной анимации. Очень! Изучите эту ссылку, посмотрите все страницы — это отличный референс по многим направлениям. И это не хайповая история, больше, чем уверен — рабочий бизнес-инструмент. Итого: лучший магаз за последнее время!
〰
Finally a great store and no about clothes! The pleasure of viewing and publishing to you is akin to a year ago about protest.eu. One of those that we value the most is the equally good thinking of all the pages, not just the main page and a couple behind it. What we have here: cool macro- and micro- navigation, short main page (hurray!) and explore-pages with goods integration, cool pictures, interesting solutions for filters, awesome product page and all this without trivial thoughtless animation. Highly! Explore this link, look at all the pages — this is an excellent reference in many areas. And this is not a hype story, more than sure — a working business tool. In total: the best online-store i’ve seen lately!
http://www.yeticycles.com
Не смотрите на обычную обложку, это очень интересный сайт TRA Insight Agency. Самое крутое, что каким-то непонятным образом сайт делает так, что ты хочешь его читать больше и больше. Помимо этого, яркое и любопытное решение по навигации, лаконичная видеоинтеграция и прекрасная верстка. Кстати, ещё один пример, когда нет подкрепляющих конструкцию бесполезных изображений — все держится на сетке, типографике и минимуме уместных фотографий.
〰
Do not look at the usual cover, it is a very interesting website of TRA Insight Agency. The coolest thing is that you want to read it more and more. In addition, a bright and interesting navigation decision, laconic video integration and the very beautiful layout. One more thing that this is an another example, when there are no useless images for supporting visual construction — everything is based on a grid, typography and a minimum of relevant photos.
http://tra.co.nz
Давненько я не был впечатлен сайтом. Обычно это просто использование модных технологий или непонятные сайты от дизайнеров-художников, где все крутится-вертится и имеет только создателю понятную механику (как и современное искусство). Сегодняшний сайт — исключение, все, что здесь сделано выглядит очень просто, имеет уникальные анимации, но они понятны, не требуют каких-то вдумчивых наведений или кликов. И это явно пример того к чему мы пришли, мы не делаем тупо флешовые сайты, скевоморфные или только flat — это все комбинируется и мы получаем пожалуй лучший коктейль стилей из возможных на сегодняшний день. Последний раз такой визуальных восторг я испытал, когда посмотрел клип Кендрика Ламара на трек Humble.
〰
I haven’t been impressed by websites for a long time. Usually there are just new and trendy technologies or confusing websites created by designers-artists, where all elements are spinning, have very strange mehanics and only creator understands all ideas (like a modern art). Our website of the day is an exception, all elements look very simple and have unique animations, but it’s very clear for users without any hovers or clicks. This is a the best example of web design evolution for today. We don’t do anymore only in flash, skeuomorph or flat styles — we mix all of them, and we create the best style cocktail for today. Last time I enjoied the picture when I saw Kendrick Lamar music video for the song Humble.
https://www.thenewmobileworkforce.com/all-season
Сегодня сайт с нестандартной сеткой, анимацией элементов, достаточно привычным сочетанием шрифтов и очень плавными перемещениями между скроллами.
〰
This is a website with very untypical grid, elements animation, familiar font combination and very smooth transitions between scrolls.
http://www.thegreat.agency
Можно смело использовать, как референс по скорости появления элементов и сочетании типографики (4 стиля гармонично живут рядом). Есть конечно некая усталось от этой сетки на фоне, но здесь она используется не в декоративных целях, а поддерживает элементы и в последнем блоке дает возможность сделать другое выравнивание. Не забудьте посмотреть внутренние страницы, тоже интересные, хоть и Work самая слабая на мой взгляд, очень плохие preview-работ, как будто не готовили их специально.
〰
This website you can use as reference for animation speed and typography combination (these 4 styles look nice together). I’m little bit tired of this grid on the background, but here it helps to keep elements together and to create an opportunity to broke the grid in the last block. Don’t forget to look at inner pages, they are very interesting too, except Work page, which is more weak for my opinion, works preview are bad and not prepared for the website.
https://kbsagency.ca
С годами работы дизайнера, начинаешь ценить необычные решения, а не просто хорошо и аккуратно сделанные сайты (любой дизайнер это должен уметь априори). В этом сайте необычно сделана навигация, особенно та, что прикрепляется — никогда не думал, что в шапку можно воткнуть видео.
〰
When you have been working as designer for many years you start looking for interesting approach in websites, not just neat and clean look. On this website you can see very unusual style of navigation, the most interesting is the one that you will see when you start scrolling.
https://www.fcinq.com
На этой неделе будет много интересных сайтов, но сегодня начать хочется со своего кейса, который я только что выложил. Это редизайн интернет-магазина нижнего белья и домашней одежды — Intimissimi. Любой фидбэк — велком.
〰
We will show to you more interesting websites on this week. But today I want to share with you my last case — redesign of Intimissimi online store (underwear and homewear brand). Any comments — welcome.
https://www.behance.net/gallery/58776553/Intimissimi
Думаю, что интегрированные вот так вот видео в контент — это новый тренд
〰
I think video integration like this is a new trend
https://vimeo.com/live
BREAKING: Самый секретный AR стартап последних 5-ти лет Magic Leap представил свой первый продукт. Этот пост не про их сайт, мы просто не можем не сказать вам об этом. Это наш первый взрослый шаг в экпириенс нового будущего, господа.
〰
Super stealthy AR startup Magic Leap reveals it’s first product — Magic Leap One. This post not about it’s website, we just can’t keep silent. It is our the first adult step to the new era of experience and interaction, guys.
https://www.magicleap.com
Очень просто и очень круто. Особенно нравится, что следующий кейс подстраивается под высоту экрана и всегда виден. А как появляется кейс вообще супер, именно то, как это происходит. Единственный момент, который я сегодня чаще всего вижу, что сайты дизайнеров перестали быть их резюме, а стали просто местом, где собраны их работы, что хорошо работает на клиентов, но не всегда мне кажется для работодателей. О своем видение я расскажу вам совсем скоро.
〰
Very simple and cool. Most of all I like how you see the next case if you have changed the length of the screen. Transition into case is awesome, I mean exactly the way how it happens. I like the whole website except maybe one thing, which I often see today, that portfolios of designers are not a resume anymore. It is just a place where they put their works, that I think work for clients, but not for employer. About my vision I will tell you very soon.
http://www.karinasirqueira.com/
Я уже пару раз здесь рассказывал про Huge и их работы, так вот эти ребята обновили сайт. Не скажу, что там кардинально что-то поменялось, вы можете этого и не особо заметить, если были там давно или всего раз. Суть на самом деле в том, что здесь можно увидеть глобальный тренд — упрощение. Посмотрите на Apple и Airbnb, там все тоже самое, что и здесь. Анализируйте и формулируйте дизайн принципы, которые использованы здесь, это даст возможность создать лучшее завтра.
〰
A couple of times I’ve told you about Huge agency and their works, so these guys updated their website. I can’t say that what you will see is completely new website, maybe you won’t see the diffrence if you saw it a while or just a few times. But the main point here is a global trend — simplification. Look at Apple and Airbnb websites and you will see the same things. Analyze and formulate design principles, which were used here, it will help you to make better future.
https://www.hugeinc.com
Сегодня простой сайт, не наградный, но очень качественный, часто гораздо более понятный референс в ежедневной работе. Плюхи: отличное цветовое решение, классные живые анимашки-украшательства, создающие особый тон, добротная верстка, одинаково хорошая проработка всех страниц = очень, очень целостно. Итогом имеем крайне удачное, современное и несложное решение.
〰
Today a simple site, but very high-quality, often much more useful reference in a daily work. Pluses: an excellent color solution, cool decor-animations, creating a special experience, good layout, equally good design of all pages = very, very holistic. The result is an extremely successful, modern and uncomplicated website.
https://ecom21.com/en
Сегодня тот случай, когда просто интересно ходить-наводить на элементы, смотреть какой эффект они дают от взаимодействия, как синхронизированы между собой объекты, как работает физика.
〰
This case is about the situation, when you just like walking trough the website and hovering elements, watching interactive effects, looking how the elements are syncronized between each other and how exactly works the physics.
http://cedricklachot.com
Очередной лендинг от Adidas. Они всегда делают клевые лендинги для кроссовок, которые субъективно не тащат сами по себе, но эту пару даже модный шрифт не спасет.
〰
Here is another landing page from Adidas. They always do nice landings for sneakers, which do not look awesome. But even trendy font wouldn’t help them with this pair here.
https://www.adidas.co.uk/speedfactory
Хотите свеженького? Расписывать не будем, рубрика #nocomments. Только звук включите. (Wild Agency, Австрия)
〰
Want smth new? Here it is. #nocomments category. Turn on the sound. (Wild Agency, Austria)
https://viennesemodernism2018.info/en/
Кстати, про клипы (офтопчик), Oxxxymiron с Би-2 выпустили очень интересный клип, по крайней мере, я смотрел на него не как на клип, а как на синергию звука, интерфейса и интерактивного повествования. В общем может на вести на какие-то мысли. Доброго утра.
https://www.youtube.com/watch?v=2FCF7HvX2fM&feature=share
Ребята, это очередное чудо от тех же парней, которые делали сайт ↑ через один. Знаете, это когда видишь что-то по-настоящему новое. Как с точки зрения технологии и реальных инноваций, так и с точки зрения гения простых решений, которые давно доступны нам с вами. 5+ из 5. Спасибо, Immersive Garden.
〰
Guys, this is an another miracle from the same guys, which made the site ↑ through one. You know, this is when you see something really new. Both in terms of technology and real innovation, and in terms of the genius of simple solutions that have long been available to us. 5+ of 5. Thank you, Immersive Garden.
http://www.refletcommunication.com/en
Хочется, чтобы во всех сайтах, которые мы видим, чувствовалось количество труда, которое в них вложено. Здесь есть ощущение большой работы и любви к тому, что люди делали. Здесь хорошо абсолютно все, кроме возможно слайдов Team и Specifications, их можно было бы сделать поинтереснее, но возможно дизайнеры хотели, чтобы мы тут не задерживались.
〰
I really want to see only the websites where I can feel all work passion from team who builded it. Here we can see a huge work and love to product. Everything looks awesome, maybe except Team and Specifications slides, they could be more interesting, but maybe designers created it like this because they don’t want us to stop there.
https://neematic.com/#intro
Очень нестандартные приемы, плавные и неспешные анимации. Вроде много всяких разных стилевых решений, но при этом все выглядит очень элегантно. Идеальный баланс между модностью и простотой.
〰
This website has not typical design solutions and very smooth animations. We can see here many different styles, but it looks very elegant. Perfect balance between trends and simplicity.
https://afriendofmine.nl
Держите вчерашний пост наоборот: скролл в обратную сторону (верх сайта снизу) и летящая (в прямом смысле) навигация. Кстати, ссылка от подписчика. Спасибо. #напишивnowhow
〰
Meet reversed yesterday's post: scroll in the opposite direction (top of the site from below) and flying (literally) navigation. Link from the subscriber
http://www.littlebeing.org/
Ребята из прекрасного Readymag выпустили новый материал в своем журнале Enso. Для нас это хороший пример того, как можно управлять вниманием, расставлять акценты, делать логические паузы и просто радовать читателя используя один только скролл. Ничего не надо, просто крутите. Все остальное мы возьмем на себя.
И на десерт навигация. Как мне тут подсказывают, это 🔥: )
〰
Guys from the wonderful Readymag just released new material in their magazine Enso. For us, this is a good example of how you can control user’s attention, place emphasis, make logical pauses and simply delight the reader just with a scroll. Just scroll, we’ll take care of the rest.
And for dessert navigation. We think it's 🔥 for this webpage : )
http://enso.readymag.com/eames/
Interaction 2.0 — это краткая хронология того, как интернет пришел к тому, где он сейчас.
〰
Interaction 2.0 is just a short story about how internet came in this place.
https://webflow.com/ix2
Просто все хорошо. А ещё, конечно, надо быть.
〰
Just all is well.
https://conference.awwwards.com/berlin