26919
Сайты с хорошим дизайном со всего света каждый день 🤟 + скидки на курсы, анонсы мероприятий и лучшие вакансии. Since 2016 〰 by @gurick, @gavrilperov & @munnoville реклама - @gurick
Сайт-история, сайт-мультфильм. Немного не хватает жизни (анимации) иллюстрациям на мой взгляд, так как достаточно быстро устаешь на них смотреть и хочешь чего-то нового, а голос все продолжает рассказывать текущую главу. За исключением этого все сделано очень хорошо, возможно переключатель глав можно было бы сделать еще проще, а то выглядит громоздко как-то.
〰
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
Мы уже писали, что в России создается дизайн-система для государственных сайтов. Сегодня Артем Геллер (да, тот, который сделал сайт Президента) опубликовал видео, в котором делится успехами своего 5-летнего труда с коллегами из AIC и других компаний-участников. Мы считаем, вы должны это знать, это важно для всех нас.
〰
We’ve already wrote that a design-system for government websites is being created in Russia. Today, Artem Geller (yes, designer that made the President's website) published a video in which he shares his success with colleagues from AIC and other participating companies about 5-year work under new design-system for all russian gov-sites. We think you should know this, it's important for all of us.
http://gov.design
Продолжаем рассказывать о сайтах с BPR Spb: промо-сайт Текилы Volcano от Wild Agency из Австрии. Что точно хочется выделить:
- снова звук (скоро перестанем это выделять)
- снова кастомный анимированный курсор
- приятные, уместные переходы и анимации
- простое и интересное решение просмотра больших фото
- неразрывность сценария повествования (хотя это не лендинг)
Результат? Теперь я 100% увижу (среди сотен) эту бутылку в винотеке. А значит один раз-то точно куплю.
〰
We continue to talk about sites with BPR Spb: a promo site of Tequila Volcano from the Wild Agency from Austria. What you really want to highlight:
- again the sound (soon we will stop singling it out)
- again the custom animated cursor
- Pleasant, relevant transitions and animations
- a simple and interesting solution to view large photos
- the continuity of the narrative scenario (although this is not lending)
Result? Now I 100% see (among hundreds) this bottle in the wine cellar. So once I will definitely buy it.
https://www.volcan.com/en
Глубоко уважаемые нами Werkstatt (Париж) похоже сделали что-то действительно новое.. Ощущаешь это уже с главной, и дальше, в каталоге, в указателях, в переходах, в скроллах. Это то, что я люблю больше всего, — из всего доступного уже много лет собрать новое, интересное и очень даже значимое. Попробуйте сами, оно того стоит. Там ещё много умных микро-решений, есть о чем задуматься в общем.
〰
Deeply respected by us, the Werkstatt (Paris) seems to have done something really new.. You feel it already one the homepage, and further, in catalog, in cursors, in transitions, in scrolls. This is what I love most - from all that has been available for many years to collect new, interesting and very significant. Try it yourself, it's worth. There are still a lot of smart micro-decisions, everything is not listed.
https://creationolivierlapidus.paris/fr/
Сегодня простой сайт, не наградный, но очень качественный, часто гораздо более понятный референс в ежедневной работе. Плюхи: отличное цветовое решение, классные живые анимашки-украшательства, создающие особый тон, добротная верстка, одинаково хорошая проработка всех страниц = очень, очень целостно. Итогом имеем крайне удачное, современное и несложное решение.
〰
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
https://www.youtube.com/watch?v=Kq5RKneOOtw
Читать полностью…
«Say My Name, Say My Name» кто-нибудь помнит чья эта песня? Я теряюсь между N Sync и Spice GIrls. А так, учим английский с Uber.
〰
«Say My Name, Say My Name» who remember who sang this song? My options are N Sync and Spice Girls. By the way, learn English with Uber.
https://ubersignlanguage.com/#saymyname
Ссылочка от Дениса Ломова, креативного директора Red Collar с посылом о том, что у каждого из нас, дизайнеров, всегда есть возможность пойти дальше стандартного: «удобно, функционально, надежно» и завоевывать внимание пользователя чем-то не обязательно большим, но обязательно приносящим удовольствие и остающимся в памяти — значимым.
Промо-сайт от голландской компании Superhero Cheesecake для G-Star выйгравший в сентябре FWA OF THE DAY.
〰
A reference from Denis Lomov, Creative Director of Red Collar with the message that each of us, designers, always has the opportunity to go beyond the standard: "conveniently, functionally, reliably" and win the attention of the user by something not necessarily large, but necessarily bringing pleasure and remaining in the memory - meaningful.
Promo-site from the Dutch company Superhero Cheesecake for G-Star won in September FWA OF THE DAY.
https://www.g-star.com/en_gb/elwood