26919
Сайты с хорошим дизайном со всего света каждый день 🤟 + скидки на курсы, анонсы мероприятий и лучшие вакансии. Since 2016 〰 by @gurick, @gavrilperov & @munnoville реклама - @gurick
Давненько я не был впечатлен сайтом. Обычно это просто использование модных технологий или непонятные сайты от дизайнеров-художников, где все крутится-вертится и имеет только создателю понятную механику (как и современное искусство). Сегодняшний сайт — исключение, все, что здесь сделано выглядит очень просто, имеет уникальные анимации, но они понятны, не требуют каких-то вдумчивых наведений или кликов. И это явно пример того к чему мы пришли, мы не делаем тупо флешовые сайты, скевоморфные или только 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/
Новая работа Ueno, не знаю, что тут особо скажешь, кроме — less is more.
〰
This is a new Ueno’s work. I don’t know what to say excatly, except one thing — less is more.
https://www.oculus.com/go/
Ощущаю некую утомленность от этих сайтов на которых все прыгает и появляется каким-то странным образом, но с другой стороны даже дикие решения могут натолкнуть на какую-то простую и понятную, а главное совершенно новую идею.
〰
I tired a little bit by the websites where all elements have some strange micro-interactions. But I think these wild ideas can help us to create something simple, clear and, what is more important, find fresh and unique solutions.
http://www.petervanalphen.com/
Давненько не было Metro UI сетки в современных дизайнах. А тут внезапно появилось в свежем сайте Vanity Fair, да конечно, не топовый журнал, но все равно большинство из нас я думаю о нем слышали или видели его в киосках. Не идеальное решение, но даже его я скорей предпочту Медузе или Афише, бэнг-бэнг 🔫
〰
I haven’t seen for ages the Metro UI in modern interfaces. And it’s here, in fresh Vanity Fair website, yes of course, it’s not top magazine, but anyway you heard about it or saw in newsstands. Not perfect solution, but I prefer it to Meduza or Afisha (russian online magazines), bang-bang 🔫
https://www.vanityfair.com/news
Наверняка многие из вас уже знают про Invision Studio. Я не буду высказывать мнение о самом продукте, но вот лэндинг у него очень ничего. На мой взгляд одна из главных ценностей — хорошее сведение скролла и и анимаций, что всегда является проблемных местом сайтов такого рода. Кстати, любопытно, что после загрузки сайт сам себя проматывает на несколько слайдов. В общем, без больше инноваций, но, как я люблю говорить: «просто всё хорошо сделано». Этого часто более, чем достаточно для результата.
〰
Surely, many of you already heard about Invision Studio. I will not talk about the product itself, but promo-site of it is good for it’s task. In my opinion, one of the main values is a good interaction between scroll and animations, which is always a bottleneck for sites of this kind. And interesting thing is that after loading site scroll first slides itself. In general, without innovations, but, as I like to say: "just everything is well done." This is often more than enough for the result.
https://www.invisionapp.com/studio
Очень приятно сделаны переходы между страницами, кроме самих анимаций очень хорошие использованы тайминги, достаточно быстро, но при этом очевидно
〰
This is an example of good transitions between pages, except type of animations, we can find here very good timings, very fast, but you have enough time to feel it
http://north-east-venture.com
Очень странный сайт, не могу сказать, что он мне нравится или нет. Сломанная сетка, немного необычные расстояния и непонятные пустые пространства, при том, что рядом все зажато. Но это дает повод задуматься и посмотреть на это немного под другим углом
〰
Very strange website, I can’t say that I like it or not. Broken grid, a little bit strange intervals beetwen elements and empty spaces when we see that our elements are clamped. But I think this website is different view on typical layout
https://engelbrechts.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
Питерцы, кто надумал, напоминаем, что в субботу в 13:00 Behance Portfolio Reviews в ОХТАLab.
Всё бесплатно : ) Приходите, там будет вся дизайнерская туса СПб.
Регистрация — http://behance.its.agency/registration
И если вам не хватило, вот вам еще один новостной ресурс. Но предупреждаю он немного странный
〰
If it’s not enough for you, here is another one news website. But be prepared – it may be a little bit weird
https://www.topic.com/
Здесь очень хорошо создано ощущение некого интерактивного пространства, нежели сайта. Ты находишься вне каких-то плоскостей, в невесомости как будто.
〰
Here we can feel something unique from the space of website. We are somewhere, you don’t realise where you are excatly, I think this is a main thing.
http://www.the-artery.com
Ребят остался еще один инвайт, эшкере!
〰
I have one more Dribbble invite, let’s get it!
https://dribbble.com/shots/3888228-dribbble-invite
Пожалуй это самая лучшая интеграция видео в сторителлинг
〰
Perharps this is the best video integration in storytelling ever
https://landing.adobe.com/en/na/products/marketing-cloud/ctir-3108-running-on-experience/
Ребята, очень нужен дизайнер-волонтер в Ночлежку работать над сайтом homeless.ru. Ночлежка — это прекраснейшая благотворительная организация, она помогает бездомным людям, учит десятки других подобных организаций и, вообще, гордость для всех нас. Я помогал ей больше трех лет, но сейчас мне нужна замена. По мере возможности, я останусь консультантом и буду арт-директить работу нового дизайнера.
Работы не очень много: сначала побольше, так как поднакопилось, потом в спокойном режиме. Особенно здорово, если человек будет из Петербурга, но это не строгое условие, — если хотите, пишите в любом случае, над веб-сайтом работают ребята с самых разных городов. Писать нужно Насте nastya@homeless.ru с коротеньким сопровождением почему хотите помогать и какой у вас опыт.
Я думаю, вы понимаете, что это не оплачивается, но Ночлежка будет делать все, чтобы при возможности благодарить вас. От себя скажу, что я ни разу, ни на секунду не пожалел, что тогда, 3 года назад, согласился помогать этим удивительной доброты и чистоты людям, теперь уже моим друзьям. Это что-то большее, чем просто помощь, вы сами увидите. И заранее спасибо всем, кто откликнется, друзья.