26844
Сайты с хорошим дизайном со всего света 🤟 Since 2016 Сотрудничество: @design_manager_bot
Субъективно, но тот случай, когда свой сайт круче работ в портфолио (по моей внутренней wow-шкале, конечно). Из интересного:
- снова хватаем и тащим (похоже, намечается тренд)
- аниматика переходов ещё более осознанная — 👍🏻
- не новое, но хорошее решение для «Next project» (чтобы не было сценарного тупика)
Глобально ничего такого, но, таким сайтом девочка хорошо себя продает. Клиентам-то точно.
〰
As for me, this is the case, when personal site is more impressive than works themselves (on my internal wow-scale, of corse). Interesting things:
- grabbing and dragging again (looks like a new mini-trend)
- animation of transitions is even more conscious - 👍🏻
- not a new, but good decision for the "Next project" (to avoid a scenario deadlock)
Globally nothing unnecessary, but i think this site sells this girl sells better than her works.
http://www.coralinecolasse.fr
Кортезы по-моему самая неоднозначная модель у Найки, которая существует достаточно давно. Сходите обязательно на этот сайт, когда будет еще возможность потыкать кросcовком на интерактивные элементы?
〰
Cortez is the most controversial Nike’s model in my opinion, which exist for a long time. This website must visit everyone, when else you will have a opportunity to click on interactive elements by sneaker?
http://circulardev.com/nike/cortez/#
Сайт канадской студии. Всё хорошо. Но как уже это всё привычно: параллаксы, мондрианизмы, переходы. И мы вот задумались: а на самом деле смотришь на контент на таком сайте? Или может это и не надо? «Вон сколько всего парни умеют. Крутые», — может оно вот так и работает? В итоге сошлись, что пасхалки все равно доставляют, так что одобряем и отправляем вам : )
〰
The site of the digital-studio from Canada. All is well. But all it so customary: parallaxes, mondrianizm, transitions. And we‘ve reflected: are you actually look at a content on such sites? Or maybe it's not necessary? "These guys know a lot, means well done," - may be it works like this? All in all, Easter eggs are still get, so we approve and send to you : )
https://phoenix.cool
Сегодня сайт, который рекомендовал сам Клаудио Гуглиери (Creative Director at Microsoft leading the Art Direction of Fluent Design). Если в двух словах, то тут необычные анимации переходов и наведений.
〰
Today is website, recommended by Claudio Guglieri (Creative Director at Microsoft leading the Art Direction of Fluent Design). A few words about it: unique transitions between slides and interesting hovers.
http://taotajima.jp
10 лет Behance! Хороший лонгрид с простыми чистыми анимациями, умеренным объемом текста и весьма удачной конструкцией. И читать легко, и ничего не спорит друг с другом и, главное, все решения простые.
〰
10 years anniversary of Behance! A good longread with simple clean animations, normal amount of text & highly fit grid construction. Easy to read, nothing disputes with each other & most nicely, all ui-decisions are extremely simple.
https://www.behance.net/yearinreview/
Новый год — время всяких разных итогов. Начнем с подборки «Лучших сайтов 2017» на платформе ReadyMag (@readymag_official). Там работы и Curatelabs, и Anton & Irene и даже Музей Московского Политеха есть (!). Всего 33 сайта, за которые можно голосовать. Результаты будут в январе, смотреть лучше с компа. Смотреть стоит однозначно, прям много хорошего.
〰
Christmas is a time of different «Best of…». Let's start with the «Projects Of The Year 2017» made by ReadyMag. 33 websites from Curatelabs, Anton & Irene, even Moscow Polytechnic Museum (!) & more. You can vote for those you like most. Winners will be announced on January 11. (we recommend to see on desktop).
https://2017.readymag.com
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
Я видел все проекты, над которыми работал этот дизайнер, но я не знал, что их делал один человек. Если верить его сайту, то он занимается дизайном 5 лет. Наверное это кому-то покажется маленьким сроком для таких результатов, но представьте только среду в которой работает этот дизайнер: рядом сильнейшее дизайнеры в индустрии, почти нет технологических ограничений, под рукой 3D дизайнеры и иллюстраторы. Нужна правильная среда, чтобы двигаться вперед быстрее и она у него по всей видимости есть.
〰
I saw all projects of this designer, but I didn’t know that they have one creator. If you trust what he says on his website, he has been making design for the last five years. Perhaps someone is thinking that it’s a very short time for results like this, but you need to imagine what surrounds this designer: the most stronger designers in industry, almost non-techologies limits, 3D designers and illustrators nearby. All of us need a right area to move faster and obviously he has it.
http://www.benmingo.com/
А можно и вот так (тоже сайт студии). В общем все мы изощряемся, как можем. Одного рецепта явно нет.
〰
Or like this (also a studio website). In fact, we all sophisticate, as we can. There is no one recipe clearly.
http://hawraf.com
В январях принято говорить о трендах. «Что там будет модно в 2018?» — хотят знать дизайнеры, хотят иметь клиенты. Это ослепляющая гонка за временным, и часто разрушающим вас самих, уникальных. Будьте в курсе, но берегите себя — вы внутри сильнее и ярче любого тренда.
〰
In January everyone talk about design trends. "What will be trendy in 2018?" - want to know designers, want to see clients. This is a blinding race for a temporary, and often destructive unique ones. Be aware, but take care of yourself - you inside are stronger than any trend.
https://99designs.com/blog/trends/graphic-design-trends-2018
https://www.behance.net/gallery/60273889/2018-Design-Trends
https://thenextweb.com/contributors/2017/12/30/10-logo-design-trends-will-dominate-2018/
https://www.behance.net/gallery/59752143/Design-Trends-2018
Мне кажется, что Азия — это новый тренд. Ниндзя, городские самураи, нео-готика, акроним, неон, глитч и иероглифы. Мы уже видим повсюду минимализм, круги на фоне, преобладание красного и кто-то на Dribbble уже экспериментирует с иероглифами в интерфейсах.
〰
I think Asia is a new trend. Ninjas, urban samurais, neo-gothic, acronym, neon, glitch and hieroglyphs. We see everywhere: minimalism, circles on background, prevalence of red color and some guys from Dribbble are already experimenting with hieroglyphs in interfaces.
https://www.ankoku-toshi-jutsu.com/
Продолжаем новогоднюю серию ⛄️: Студия Looi сделала сайт «Музей веб-дизайна», собрав по одной яркой работе каждого года, начиная с 2000 года. Помимо «экспонатов» у сайта легкий и незаурядный сценарий повествования и отличные тексты.
〰
We continue the New Year series: Looi Studio launched "Museum of Web Design" website. It collects one bright work of each year, starting in 2000. In addition to this «exhibits», site has an easy, pat scenario and good texts.
http://hiiistory.looi.co
Совсем не новый, но от того не менее достойный канала сайт — проект ребят из Студии Лебедева 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