Примеры сайтов
Примеры анимации | UX эффекты | Buttons
- https://www.semrush.com/blog/ — оптимальный размер заголовка в сочетании с иллюстрацией
- https://onepagelove.com/ — One Page websites, templates and resources
- https://thefwa.com/
- https://www.awwwards.com/
- https://winners.webbyawards.com/winners/websites
- https://www.red-dot.org/
- https://babordgroup.com/
- https://clevercreative.com/ — на мобильной версии, эффект подготовки
- https://art4globalgoals.com/en — иконка-layers
- https://at-home.club/
- https://upperquad.com/
- https://fremtidensuddannelser.dk/en
- https://gucciosteria.com/en/ — мягкая анимация
- https://scepterandsword.com/ — полупрозрачность
- https://www.engine.xyz/
- https://www.unleashed-technologies.com/ — с подменю
- https://globekit.co/ — впечатление не меньше, чем от основного сайта
- https://www.perimeterwatch.com/
- https://www.adamriguez.com/ — курсор на меню превращается в круг
- https://why.de/en/ — интересная анимация заголовка в меню
- https://www.stc.com.sa/stc-annual-report-2020/
- https://www.unfpa.org/unheardvoices — плавная анимация
- https://thefoundry.nyc/
- https://www.bowenmedia.com/
- https://ettrics.com/
- https://madebyarticle.com/ — blure background, приятные анимации hover
- https://getdooapp.com/ — WebbyAwards 2021
- https://cumminsandpartners.com/ — с полупрозрачностью
- https://www.gorillagroup.com/ — исчезает само при выходе курсора за пределы меню
- https://www.hellomonday.com/ — плавающий мягкий гамбургер в стиле https://codepen.io/mikel301292/pen/dMYRYZ — SVG Gooey Hover Menu Concept
- https://ldh.webflow.io/ — меню с морфингом (https://winners.webbyawards.com/2021/websites-and-mobile-sites/features-design/best-navigationstructure/167836/ldh-hazards-online-training-platform WebbyAwards 2021)
- http://www.collectif-yay.com/- меняется URL при прокрутке лендинга
- https://carts.guru/
- https://erudi.to/
- https://www.micai.aristidebenoist.com/ - плюс навигация по якорям на странице
- https://itsalive.io/
- http://pandamonk.studio/
- https://www.landlifecompany.com/
- https://www.academyart.edu/
- https://babordgroup.com/
- https://digitalwise.eu/ - плавные анимации
- https://byjakt.com/
- http://helicopter-view.com/
- http://kv.od.ua/
- http://www.identixdesign.com/ — студия из Индии
- https://bornikirken.dk/
- http://julia-music.ru/ - презентация поп-звезды или модели
- http://www.firewatchgame.com/ - пейзаж с горами. Картинки: parallax0.png (до parallax8.png)
- http://myriad.space/ — выезжания слева-справа
- https://gardenestudio.com.br/ — прорисовка линиями при скролле вниз
- https://github.com/iminyourhouse-turnaround — GitHub 404 — реакция на движения курсора
- https://www.oculus.com/medal-of-honor/ — WebbyAward 2021
- https://artempivovarov.com/
- http://bizzgrid.com/
- http://isadoradigitalagency.com/
- http://www.netrixdigital.com/
- http://reports.corby.ca/2018/
- http://www.culturalsolutions.co.uk/
- https://readymag.com/uxlive/mourning/
- https://brave.com/download/ — выглядит просто
- http://ru.translations.com/who-we-are — анимация цифр
- https://www.altcoin.io/
- https://asana.com/ru — смена анимированных иллюстраций в зафиксированном блоке слева, см. второй экран (WebbyAwards 2021)
- https://www.editorx.com/ — прокрутка портфолио в блоке "Explore Showroom" (WebbyAwards 2021)
- https://www.mozom-1.com/
- https://scepterandsword.com/
- https://canals-amsterdam.nl/ — WebbyAwards 2020
- https://at-home.club/ — WebbyAwards 2021
- http://www.espn.com/espn/feature/story/_/id/24504198/the-nba-best-signature-moves-michael-jordan-fadeaway-allen-iverson-crossover#!
- https://timeless.ee/
- http://www.institut-franco-chinois-lyon.com/ - горизонтальный параллакс с приятными эффектами
- https://moves.basicagency.com/ — заставляет пользователя выполнять действия, привязка к курсору (WebbyAwards 2019)
- https://culture.basicagency.com/ — WebbyAwards 2020
- https://madeinhaus.com/ — WebbyAwards 2020
- https://scepterandsword.com/
- https://www.adamriguez.com/
- https://atoms.studio/en/ — итальянская студия, хороший эффект курсора в гамбургере
- https://animoto.com/ — красивый, приятный WebbyAwards 2021
- https://air.inc/ — очень приятный стиль, слегка мультяшный WebbyAwards 2021
- https://mailchimp.com/fall2020/ — маркетингово грамотный и насыщенный WebbyAwards 2021
- https://itg.digital/ — забавный и убедительный лендинг дизайнерского сервиса WebbyAwards 2020
- https://www.dwr.com/ — дорого выглядящий магазин мебели (WebbyAwards 2021)
- https://www.saksfifthavenue.com/ — максимально дорого выглядящий магазин одежды (WebbyAwards 2021)
- https://silveroak.com/ — винный магазин (WebbyAwards 2021)
- https://www.logitech.com/en-us
- https://www.rapha.cc/us/en_US/ — магазин одежды для велосипедистов (WebbyAwards 2019)
- https://www.aesop.com/us/ — магазин косметических средств WebbyAwards 2019
- https://lemkus.com/ — спортивная одежда
2021
- https://why.de/en/
- https://wearekettle.com/ — WebbyAwards 2021
- https://www.firstborn.com/
- https://madeinhaus.com/
- https://www.denkwerk.com/en
- https://www.hellomonday.com/
- https://threesixtyeight.com/
- https://work.co/
2020
- https://moxy.studio/ — 3D-параллакс, интересная навигация скроллом по разделам
- https://www.ideo.com/eu — глобальная дизайнерская компания. Хорошая типографика, эффект ссылки, скорость анимации кнопок, гамбургер меню
- https://www.aquest.it/ — эффекты в гамбургер-меню
- https://madebyarticle.com/
- https://www.ashmanov.com/ — Ашманов, SEO
- https://www.coruna.ru/ — брендинговое агентство, много интересных приемов.
- https://secl.com.ua/ — "работаем с 1994 года" и т.д. интересное обсуждение в фб CEO
- http://wezom.com.ua/hosting — слегка слишком агрессивно. есть про хостинг
- http://digital.tools/ — похоже на нас, специализируются на SEO
- https://art-lemon.com/ — хорошие формы заказа, профили на UpWork и т.п.
- http://logomaster.com.ua/ - описание цен и условий разработки логотипа, нейма и т.п.
- https://dvacom.net/reviews - тексты официальных отзывов
- https://advermedia.com.ua/services/sozdanie-saytov-dnepropetrovsk/ - скопировать цены и посмотреть пример лендинговости
- https://www.monobank.com.ua/ — Монобанк, последовательность убеждения
- https://www.lastpass.com/ru — максимально простой и понятный
- http://hyperakt.com/ — дизайн студия, минимализм
- http://www.pascalvangemert.nl/ — сайт-портфолио программиста
- https://munchery.com/ — много слайдеров на главной
- https://speednames.com/ — смена фоновой картинки при наведении на кнопки
- https://noboring-finance.ru/ — хороший продающий сайт, с простыми блоками, акцентами, забавными иллюстрациями
- https://www.searchviu.com/en/website-migration-seo-tool/ — быстрая загрузка, уменьшение логотипа, анимации при прокрутке
- https://lusion.co/ — перегружено тяжелыми анимациями, но хороший эффект гамбургер меню
- https://www.proposify.com/ — супер видео, приятная верстка с легкими анимациями и минимальным параллаксом
- https://www.proposify.com/blog - там же - блог, пример иллюстраций
- https://brave.com/ — минималистичные эффекты, нацеленность на скорость и доступность
- https://www.wetafx.co.nz/ — новозеландская студия визуальных эффектов
- https://www.theatlantic.com/ — большой авторитетный журнал
- https://trellis.co/
- http://fresh-design.com.ua/
- http://unakravets.com/ — дизайнер
- http://www.playtika.com — международная game-dev компания
- https://premium.wpmudev.org/blog/wordpress-retina/ - оформление статьи-инструкции.
- https://www.netlify.com/
- http://www.s-tet.com.ua/ — небольшая веб-студия, понятная структура
- http://fantasy.co/ — отличная студия, США.
- https://artjoker.ua/ — Харьков и Киев, похоже на то, что хотим сделать мы.
- http://yedynkadigital.com/
- http://johnsonbanks.co.uk/thoughtfortheweek/ — британская студия дизайна. ссыла на страницу про разработку нового логотип Mozilla. Видно, что они не стесняются показывать большое количество вариантов, которые они делают при работе над логотипом. Для сравнения: страница обсуждения этого дизайна на сайте Mozilla: https://blog.mozilla.org/opendesign/now-for-the-fun-part/
- https://deco.agency/ - Киевская студия, специализация на WordPress, есть офис в Польше
- https://www.thenation.com/article/vladimir-sorokins-absurdist-excess/
- http://theoryandpractice.ru/
- https://tjournal.ru/ — см. страницы 2-го уровня
- http://jasonsantamaria.com/ — дизайнер Jason Santa Maria из Нью-Йорка
- http://oposumo.com/
- http://otakoyi.com/sozdanie-lendinga-bioaktiv/ - интересное представление портфолио
- http://thepalmerapts.com/
- http://skylinefurnituremfg.com/
- http://illusion.scene360.com/
- http://penandquill.net/
- http://bravepeople.co/
- http://humcreative.com/
- http://toys.humcreative.com/
- https://thecleansekitchen.com.au/
- http://www.echocapital.com/
- https://www.decibeldigital.com/
- http://www.lighthousebrewing.com/
- http://www.toga.com.au/
- http://finchinteriors.co.uk/
- http://www.thesocietyinc.com.au/