Топ-15 примеров сайтов-визиток для малого и среднего бизнеса

Содержание

Главная страница Oui Will Agency

Перейти на главную страницу http://www.ouiwill.com/

Еще одно знакомое по рейтингу-2018 дизайн-студий — агентство Oui Will из сан-Диего (США). На этот раз студия представила обновленный собственный сайт, сделав ставку на Parallax-эффект, эффектные презентационные ролики и тонкую, гладкую типографику. Все разделено по экранам, для каждого слогана, ролика или новости — свой экран, никакого соседства. Сайт щедро сдобрен уместной анимацией и, где это возможно, интерактивным взаимодействием с пользователями, при этом, оставляя дух минимализма и сдержанности. Умение сочетать противоположности в очередной раз принесло студии место в рейтингах Awwwards.

Главная страница Welly

Перейти на главную страницу https://www.getwelly.com/

Американский стартап заказал разработку сайта студии illcreative из Нью-Йорка. Суть стартапа — продажа ярких наборов первой медицинской помощи. Цвет и комплектацию пользователь может выбрать на свой вкус. Столь тревожная сфера деятельности и продающий сайт — разработчики смогли решить вопрос совмещения этих областей в красивый проект.

Итогом стал позитивный сайт с оранжевыми цветовыми акцентами для целевых действий. А для первого экрана специалисты illcreative выбрали полигональный стиль, поставив во главу анимированный ролик, на котором красиво разложена продукция Welly. Анимация используется и в других презентационных блоках, что позитивно влияет на пользовательский опыт.

Заключительные слова…

Надеюсь, эта коллекция вдохновила вас подписаться на отличный хостинг WordPress, выбрать для себя лучшую тему WordPress и приступить к созданию собственного суперсайта на базе WordPress! Ни для кого не секрет, что WordPress – довольно популярная CMS в настоящее время – большие и могучие любят платформу, как и новички. Все сходят с ума от WordPress. Это провоцирует. Это революция.

И это потому, что он невероятно мощный, но его очень легко изучить, настроить и использовать. Многие сайты, которые мы здесь рассмотрели, просты с точки зрения дизайна, но обладают мощными функциональными возможностями, которые должны использоваться в процессе проектирования в будущем. В конце концов, простота – это воплощение изысканности. Или, как выразился Ник:

Кроме того, имейте в виду, что некоторые из этих сайтов были разработаны не их владельцами, а опытными дизайнерами по контракту. Покончив с этим, я хотел бы упомянуть, что есть много других замечательных сайтов WordPress, созданных разработчиками и обычными людьми. Жаль, что мы не можем втиснуть их всех в один пост.

Таким образом, мы могли пропустить ваш любимый сайт WordPress. Вам также может показаться, что какой-то конкретный сайт не входит в этот короткий список. Что ж, не сдерживайся. Если мы не учли ваш любимый сайт WordPress или у вас есть предложения, напишите нам в разделе комментариев ниже!

Источник записи: https://www.wpexplorer.com

Каролис Страутниекас

Био: иллюстратор-фрилансер, живёт и работает в Литве. После окончания Академии изящных искусств в Вильнюсе (2011) начал работать в диджитал-отраслях, таких как реклама, анимация и графический дизайн.

Чем крут: работал с Audi, Adobe, Air France, Dropbox, Facebook, Mini Cooper, Siemens, Motorola, The New York Times, Medium, The New Republic, Wired, The Independent и множеством других крупных брендов. Его уникальный стиль графического языка качественно выделяется на фоне многих других работ и легко узнаваем.


Портрет для приложения @calm. Изображение: Instagram


«В корзину». Персональная работа. Изображение: 

Дизайн для интернет-магазина: с чего начать

Бриф

Самый первый и важный шаг — проработка информации от заказчика или руководителя. Здесь нужно понять, чего хочет получить клиент на выходе: как он представляет себе будущий сайт и какие «фишки», по его мнению, обязательно должны на нем быть.

Для получения полной картины мы советуем разработать бриф, а после того, как заказчик его оформит, встретиться с ним для обсуждения каждого пункта. Дизайнеры и разработчики часто сталкиваются с негативом из-за того, что в самом начале сделки не обсудили, например, цветовую гамму сайта или функцию регистрации на сайте.

В брифе лучше всего указать максимальное количество вопросов с вариантами ответов или с подсказками, чтобы заказчик понимал, что вы хотите от него получить. Варианты брифов можно найти в интернете и на их основе составить свой.

Анализ целевой аудитории

Переходим ко второму шагу — анализ целевой аудитории. Здесь можно подключить маркетолога или самостоятельно изучить ЦА.

Создание макета сайта

На основе полученной от клиента информации и анализа ЦА составьте макет сайта. Необходимо выбрать формат: распишите главную страницу, каталог, блог и версию для сопутствующих страниц с доставкой, возвратом и контактами.

В макете сайта отображают размещение блоков и дополнительных элементов: калькулятор стоимости, онлайн-примерочная, кабинет пользователя и тому подобное. Фактически, это схематичный план разработки, по которому вы и ваша команда будете двигаться.

На каждом этапе создания макета советуйтесь с клиентом, обсуждайте моменты, которые лучше всего реализовать сейчас, а какие оставить на потом.

Вместе с тем, как вы составляете макет, продумывайте функционал сайта и варианты контента, который будет размещен на страницах.

Написание контента

Контент должен быть направлен на вашу целевую аудиторию. Если вы создаете сайт с детскими товарами — говорите с женщинами, впервые ставшими матерями, на одном языке, отвечая на миллион вопросов о том, как будет реагировать пищеварительная система младенца на сухую смесь марки X. А для тех женщин, у которых это уже не первый ребенок, нужно создавать другие статьи.

Рекомендуется к прочтению! Узнайте, как написать полезную SEO-статью для сайта.

Тексты в карточках товаров должны полностью отвечать на все запросы клиента, даже на те, о которых он еще не успел подумать: варианты размещения стеллажа в комнате — горизонтально или вертикально. А если пользователь, например, ищет подушку, но не знает, какая ему подойдет — сделайте на сайте опрос, помогающий выбрать оптимальный вариант.

Внедрение юзабилити

Помогите своему будущему клиенту — сделайте раздел с просмотренным товаром, который он мог бы сохранять в закладки. Например, пользователь выбирает кроссовки в нескольких магазинах. На вашем сайте ему понравились несколько пар стоимостью 15 000 рублей. Человек уйдет с сайта подумать и через несколько дней может решиться на покупку, но не вспомнит название модели, если на сайте не будет возможности сохранить понравившийся товар.

А чтобы понять, какой функционал нужен вашим пользователям — составьте карту путешествий. То есть изучите каждый шаг, который совершает человек до момента покупки или отказа от нее.

Проектирование

Откройте для себя чат-бота

Выстраивайте автоворонки продаж и отвечайте на вопросы пользователей с помощью чат-бота в Facebook, VK и Telegram.

Тобиас ван Шнайдер

Био: неоднократно отмеченный наградами графический дизайнер родом из Германии. Живёт и работает в Нью-Йорке.

Чем крут: мастерски дизайнит всё — от веба до продуктового дизайна и дизайна кроссовок. Победитель многих фестивалей, судья в жюри Cannes Lions, Hyper Island, Art Directors Club & the FWA, разрабатывает дизайн для Spotify, Red Bull, Google, NASA, BMW, Sony, Fantasy Interactive, Wacom, Toyota. О нём пишут Bloomberg, Wired, The Washington Post, Business Insider, Net Magazine, Computer Arts, FastCompany, Inc. Magazine и другие.


Плакат к кинематографическому шедевру, действие которого происходит в глубоком космосе. Изображение: личный сайт


Wave переносит медитацию в XIX век — с интегрированным мультисенсорным музыкальным подходом. Изображение: личный сайт

Главная страница Lasse Pedersen

Перейти на главную страницу http://lassepedersen.biz/

Датчане уверенно нацелились перенять пальму первенства по части креатива у французов. Дизайнеры KASPER LAIGAARD STUDIO представили публике и жюри Awwwards свой проект — портфолио парикмахера и стилиста Lasse Pedersen.

Дизайн ресурса воистину соблюдает все условия минимализма, в нем представлены исключительно работы стилиста. Но все выдержано в духе глянцевого журнала, что и ожидается от деятеля в сфере моды: характерные фото, строгая типографика, следование четкой сетке, в лучших традициях печатных изданий.

Поддерживается настроение глянца горизонтальным листанием при скроллинге с характерной анимацией переходов, как у настоящего журнала и счетчиком страниц. И все. Каталог работ для модного стилиста готов.

→ Работа и продуктивность ←

  • NoisliГенератор фоновых шумов.
  • Noizio: Спокойные звуки для релакса и продуктивности.
  • Defonic: Совмещение различных звуков в мелодию.
  • Designers.mx: Плейлисты, собранные дизайнерами для дизайнеров.
  • Self ControlMac: бесплатное приложение для того, чтобы избежать отвлекающих веб-сайтов.
  • Cold Turkey: Windows: временная блокировка отвлекающих веб-сайтов.
  • Trello: Ведет учет чего угодно.
  • Evernote: Рабочее пространство для всего.
  • Dropbox: Бесплатное пространство вплоть до 2GB.
  • Wetransfer: Передача файлов до 10GB.
  • Drp.io: Быстрый, бесплатный, безопасный и простой хостинг изображений и файлов.
  • Pocket: Чтобы посмотреть позже, положи это в Pocket (карман).
  • Mailtoself: Расширение для iOS с функцией отправления сообщений самому себе из любого приложения.
  • List.ly: Открывайте для себя замечательные списки.
  • Markticle Помечайте прогресс в чтении статей, чтобы завершить позже.
  • Nomadlist: Лучшие города для жизни и удаленной работы.
  • Where Nomads at: Поиск фрилансеров, путешествующих по миру.
  • Nomad Jobs: Лучшая удаленная работа в стартапах.
  • What’s It Like: Советы, когда лучше путешествовать.

KIKK Festival

KIKK – это огромная бельгийская организация. В ее сфере находятся такие творческие области, как кинопроизводство, молодежные движения и другие. Главная цель – объединить науку и искусство, для этого компания организует образовательные мероприятия и проекты.

Некоторые разработчики считают сайт https://www.kikk.be/2019/en/home примером идеального веб-дизайна. Каждый год, перед новым фестивалем, компания обновляет внешний вид страницы. При этом KIKK применяет настолько новые технологии, что распространяются они лишь спустя пару лет. Даже компания Apple со своим необычным дизайном всегда отставала от этой бельгийской организации.

В 2019 на главной странице изображен океан с островом по центру. Если промотать страницу вниз, посетитель увидит огромную гориллу под водой с упомянутым островом на голове. Информация о KIKK Festival расположена в глубинах океана, по ходу чтения посетитель приближается ко дну.

Веб-страница тактильна, но не перегружена эффектами. Информация вызывает еще больший интерес благодаря современному и грамотному дизайну. Вот уже 8 лет KIKK – учитель как для начинающих, так и для профессиональных веб-дизайнеров.

Главная страница Ricky Michiels, 2019

Перейти на главную страницу https://www.rickymichiels.com/

Наиболее поражающие воображение тенденции предоставляют сайты из сферы шоу-бизнеса. Особое место занимают сайты деятелей и агентств из мира высокой моды. Одним из таких стало портфолио для кастинг-студии Ricky Michiels. Идеи для этого проекта фрилансер-разработчик Jason Bradley почерпнул у глянцевых журналов моды, поместив на главную страницу красочные фешн-фото.

В 2013 году тенденцию дизайна сайтов Веб 2.0 сменила портальная (журнальная) верстка. Круглые линии, реалистичные градиенты и объемные иконки уступили место острым углам, плоскому дизайну, минимализму и чистоте изображения. Истина “все гениальное — просто”, определяющая смысл журнальной верстки, не теряет актуальности и в 2019 году.

Лучшие дизайн-студии США

США считаются меккой дизайнеров и творческих людей, для которых не чужды высокие амбиции. Дизайнеры и разработчики, приезжающие в эту страну, нанимаются на работу в уже существующие студии, чтобы набраться опыта от более старших коллег. Некоторые из них готовы даже пройти многоступенчатые собеседования и конкурсы, чтобы приехать, как приглашенный специалист.

Но тенденция в сфере дизайна такова, что многие европейские студии открывают свои офисы на территории страны возможностей. Расширить уже существующий бизнес — более выгодный путь для завоевания щедрого рынка США. Поэтому многие компании из обзора ТОП дизайн-агентств из США имеют европейские корни.

Watson Design Group, Inc.

Офис компании: Лос-Анджелес, США

Специализация: брендинг, дизайн, мобильная, VR и веб-разработка

Подход Watson DG — прежде чем сесть за работу над проектом, нужно углубиться и изучить проект. Изучается все — поведение пользователей и тенденции рынка, данные и аналитика. Итог этой работы и ложится в основу нового проекта. Никаких чудес — лишь кропотливая работа и исследования. На выходе получается нечто, соединяющее противоречивые ожидания аудитории и возможности продукта самым простым и доступным способом.

Ежедневный труд и опыт сделали команду Watson DG специалистами, услугами которых уже воспользовались Sony, Amazon, студии Paramount, Riot Games, Disney, Universal, Lionsgate, Fox Searchlight, Warner Bros.

ZeroStudios

Офис компании: Нью-Йорк, США

Специализация: брендинг, маркетинг, дизайн

Призвание специалистов ZeroStudios из Нью-Йорка — создавать бренды, которые будут менять жизнь пользователя. Безусловно, к лучшему. В дизайне своих продуктов команда студии использует яркие и модные flat- и material-цвета. Они играют незаметную роль в презентации продуктов, ненавязчиво создавая необходимый настрой у пользователя.

Такое ноу-хау позволяет реализовывать проекты вывода новых марок на рынок, так и успешно проводить кампанию по ребрендингу и репозиционированию продуктов.

Специалисты студии утверждают, что любят работать со стартапами и некоммерческими организациями. Но в портфеле проектов не без гордости демонстрируют совместную работу с Google, Foursquare, Versace, Hillary For America.

Hello Monday

Офис компании: Нью-Йорк, США

Специализация: брендинг, маркетинг, дизайн, разработка

«Продукт должен быть таким, чтобы радовал даже худший день недели!» — решили специалисты студии Hello Monday. К работе над своими проектами команда подходит с юмором и всеми силами старается поднять настроение и вызвать улыбку у пользователя и клиента. «К жизни и к работе нужно относиться с юмором

В понедельник это особенно важно!» — говорят дизайнеры

Студия открылась в 2006 году в датском городе Аархус. Идеи ребят были восприняты публикой на «Ура!», что сподвигло их в скором времени открыть еще два офиса — в Нью-Йорке и Копенгагене.

Юмор и жизнелюбие, с которым подходят к работе Hello Monday, оценили именитые клиенты. Среди них: Warner Bros, National Geographic, Google и Nasa.

Active Theory

Офис компании: Венис, США

Специализация: мобильная и веб-разработка, VR&AR, интерактивные инсталляции

«Мы делаем крутые вещи для крутых ребят!» — с таким лозунгом студия разработки из калифорнийского города Венис уже который год занимает призовые места в рейтингах мира в сфере веб-разработки и дизайна.

В своей работе специалисты Active Theory исповедуют бескомпромиссное качество картинки. Каждый новый сайт, приложение для мобильного или VR — это отдельная реальность со своей особенной системой координат.

Опыт студии в создании новых реальностей пришелся по душе Walt Disney Group. Именно Active Theory стали тем разработчиком, который реализовал виртуальный 3D-проект “Welcome to Hogwarts” по вселенной книг Джоан Роулинг о Гарри Поттере.

Dogstudio

Офис компании: Чикаго, США

Специализация: мобильная и веб-разработка

Проекты студии разработки из Чикаго выделились на общем фоне чем-то любопытно-утонченным. студия скромно называет себя «средней по размеру»  по-бельгийски скромно. Первый офис был открыт в Бельгии в незапамятном году, когда начинали работать с маленькими магазинчиками и бутиками.

Второй офис Dogstudio открыли в Чикаго, чтобы быть ближе к своим клиентам из Сан-Франциско, Нью-Йорка, Сиэтла и Лос-Анджелеса. В 2018 году 2 проекта Dogstudio получили номинацию «Сайт года». И это еще не предел.

6 файлов

    • Последние обновления
    • Последний ответ
    • Заголовок
    • Наивысший рейтинг
    • Дата начала
    • Самые комментируемые
    • Самые просматриваемые
    • Самые скачиваемые
  1. Шаблон Instagram Puzzle Post для Figma

    Автор

    the.bunin

    Бесплатный шаблон Instagram Puzzle Post для Figma, который выполнен в светлых тонах и отлично подойдет для оформления инстаграм, если вы хотите организовать свою ленту в виде пазлов.

    86 раз скачали

    • template

    • instagram

    • (и ещё 2 )

      C тегом:

      • template

      • instagram

      • post

      • puzzle

       (0 отзывов)

    Отправлено 11 фев 2021, 11:22

  2. Isometric Cards Glass Morphism

    Автор

    Black Mamba

    Бесплатный шаблон Isometric Cards Glass Morphism для Figma, с помощью которого можно сделать прикольные 3D виджеты погоды или использовать по своему назначению.

    60 раз скачали

    • isometric

    • cards

    • (и ещё 2 )

      C тегом:

      • isometric

      • cards

      • glass morphism

      • 3d

       (0 отзывов)

    0 комментариев

    Отправлено 26 янв 2021, 14:09

  3. Шаблон иконки для Figma

    Автор

    the.bunin

    Отличный шаблон иконки для Figma, с помощью которого вы без труда сможете создать свои собственные иконки. Он содержит пиксельную сетку, направляющие формы для иконок разных пропорций, направляющую для заполнения и предварительные отображение для иконок разного размера.

    12 раз скачали

       (0 отзывов)

    0 комментариев

    Отправлено 22 янв 2021, 12:53

  4. Шаблон Social Media Kit для Figma

    Автор

    the.bunin

    Отличный набор бесплатных шаблонов социальных сетей: Behance, Facebook, YouTube, Figma Community, Linkedin, Open Graph, Zoom и Twitter. В шаблонах указаны все размеры используемых изображений. Я думаю многим будет полезен этот файл. Забирайте  

    74 раза скачали

    • шаблон

    • социальные сети

    • (и ещё 1 )

      C тегом:

      • шаблон

      • социальные сети

      • набор

       (0 отзывов)

    0 комментариев

    Отправлено 11 янв 2021, 20:20

  5. Шаблон Brand Manual для Figma

    Автор

    the.bunin

    Бесплатный шаблон Brand Manual для Figma, который вы можете использовать как рыбу для создание брендбука. Необходимо только изменить информацию, логотип и цветовое решение, которое применится ко всему документу автоматически.

    75 раз скачали

    • шаблон

    • брендинг

    • (и ещё 1 )

      C тегом:

      • шаблон

      • брендинг

      • брендбук

       (0 отзывов)

    0 комментариев

    Отправлено 8 янв 2021, 19:21

  6. Шаблон страницы оплаты iBANK для Figma

    Автор

    the.bunin

    Бесплатный шаблон страницы оплаты заказа iBANK для Figma, который выполнен автором Caddiesoft очень качественно, в стиле минимализма и в нескольких цветовых решениях: тёмный и светлый шаблоны.

    38 раз скачали

    • template

    • payment

    • (и ещё 2 )

      C тегом:

      • template

      • payment

      • ibank

      • figma

       (0 отзывов)

    0 комментариев

    Отправлено 2 янв 2021, 18:14

Александра Королькова

Био: шрифтовой и книжный дизайнер, типограф, теоретик шрифта и типографики, арт-директор шрифтовой студии Paratype, автор «Живой типографики», PT Sans, PT Serif, Circe и так далее.

Чем крута: спикер на многих конференциях, посвящённых графическому дизайну, таких как ATypI, TYPO Berlin, TypeCon, TYPO Labs, Serebro Nabora, Typofest, Typetersburg. Её шрифты отмечены на международных конкурсах («Современная кириллица ― 2009», Granshan, ED Awards). Александра выступала членом жюри конкурсов «Современная кириллица ― 2014» и «Современная кириллица ― 2019».

Александра Королькова, шрифт «Восток». Изображения: 

Примеры хорошего Flat-дизайна

Красиво и толково сделанные плоские сайты с удобной навигацией и понятным интерфейсом. Их продуманный, отрисованный дизайн хорошо продает и создает хороший пользовательский опыт.

eTecc Interactive

Простой дизайн сайта американского агентства не выглядит заурядным, т.к. сделан качественно и со вкусом. Старая школа дизайна работает не хуже новаций, может выгодно представить компанию и ее услуги.

Nehora Law Firm

Чистый плоский дизайн с утонченными элементами придает сайту калифорнийской юридической фирмы профессиональный вид. Красиво оформлены шапка и футер. Белый цвет и оттенки золотистого на темно-бирюзовом фоне создают красивый мягкий контраст. Ориентированный на пользователя интерфейс страниц позволил упорядочить контент.

Towa

У wordpress-сайта немецкого агентства приятный минималистичный дизайн с HTML5/CSS3 эффектами и нестандартным меню навигации. Пастельные / серо-золотистые оттенки, цветокоррекция фотографий и модульная разметка помогли красиво оформить сайт в виде коллажа интересных фактов о компании.

Amazee Labs

У сайта швейцарских Drupal-разработчиков лаконичный дизайн с приятными цветосочетаниями. Креативно оформлены элементы призыва к действию, применяются Flat и техники HTML5/CSS3.

Space Needle

«Космическая игла» символ Сиэтла. У сайта красивая предзагрузка и главная страница с отрисовкой фонов. Уникально оформлена прокрутка с эффектами осветления и мини-слайдами в конце.

Build in Amsterdam

У голландского брендингового агенства красивый флэт-сайт с нестандартным меню навигации. Приятно и стильно оформлен интерфейс, хороший UX-дизайн.

Joy Intermedia 

Сайт международного креативного агентства из Польши с плоским дизайном на CSS3 и хорошим UX. Сайт использует необычную навигацию с боковой и нижней панелями и удобен в пользовании.

Fuse Lab Creative

Хорошо структурированный, дружественный к пользователю сайт американского агентства с удобным полупрозрачным боковым меню, панелью проектов и ненавязчивыми мини-интро в главном экране.

Chobani

У небольшой b2b компании приятный и очень удобный кулинарный сайт с чистым дизайном на основе HTML5. Представить ассортимент помогают фиксированное выпадающее меню и оригинальная четырехуровневая система вторичной навигации.

Топ 100 самых посещаемых сайтов мира

Рейтинг подготовлен на основании аналитических данных сервиса Similarweb за декабрь 2019г.

Обозначения : B- миллиард;  M — миллион 

N Название Адрес Кол-во посещений за месяц Тематика
1 79.15B Поисковая система и сервисы
2 Youtube 30.11B Видеохостинг
3 23.08B Социальная сеть 
4 Baidu 6.526B Поисковая система и сервисы
5 Wikipedia 5.367B Бесплатная энциклопедия
6 4.522B Социальная сеть 
7 Instagram 3.905B Социальная сеть 
8 Yahoo 3.444B Поисковая система и сервисы
9 Xvideos 3.224B Сайт для взрослых
10 Yandex 2.996B Поисковая система и сервисы
11 Pornhub 2.893B Сайт для взрослых
12 Amazon 2.728B Электронная коммерция
13 Xnxx.com 2.449B Сайт для взрослых
14 Netflix 2.264B Онлайн кинотеатр
15 Live 2.159B Поисковая система
16 Yahoo.co.jp 2.100B Поисковая система
17 Naver 2.029B Поисковая система
18 Vk 1.885B Социальная сеть 
19 Google.com.br 1.650B Поисковая система
20 Whatsapp 1.573B Обмен мгновенными сообщениями
21 Reddit 1.372B Социальный новостной сайт
22 Mail.ru 1.204B Почта, сервисы, порталы
23 Qq.com 1.021B Cервис мгновенного обмена сообщениями
24 Xhamster.com 968.7M Сайт для взрослых
25 Bing 930.6M Поисковая система
26 Bit.ly 907.1M Cервис сокращения URL
27 Ok.ru 877.2M Социальная сеть 
28 856.0M Социальная сеть 
29 Ebay 855.8M Аукционный сайт 
30 Linkedin 844.1M Деловая социальная сеть 
31 Office.com 835.4M Бизнес аналитика
32 Spacetoday.xyz 814.9M Инфопортал
33 Nine Store 738.4M Приложения и игры
34 Globo.com 732.1M Медиа
35 Msn.com 707.2M Портал, почта, сервисы
36 Samsung.com 672.5M Электроника и сервисы
37 Docomo.ne.jp 659.3M Телекоммуникации
38 Twitch 643.9M Видеоплатформа
39 Youtu.be 620k8n Видеохостинг
40 Aliexpress 600.2M Электронная коммерция
41 Amazon.co.jp 597.1M Электронная коммерция
42 Google.de 594.5M Поисковая система и сервисы
43 Accuweather.com 590.2M Погода
44 Bilibili.com 580.5M Видео, игры
45 Amazon.de 578k8n Rakuten.co.jp
46 Daum.net 577.1M Портал, почта. Сервисы
47 Roblox.com 573.2M Игры
48 BBC.uk 566.6M Медиа
49 Taboola.com 552.7M
50 Ucweb.com 548.4M Мобильные онлайн сервисы
51 Taobao 545.2M Электронная коммерция
52 Uol.com.br 533k8n Веб портал и сервисы
53 Paypal.com 532.3M Платежная система
54 Rakuten.co.jp 532.0M Rakuten.co.jp
55 CNN 531.7M СМИ, новости
56 Duckduckgo 524.5M Поисковая система
57 Microsoftonline.com 518.5M Программы и сервисы
58 Weather.com 512.9M Погода
59 IMDB 501.6M Сайт о кино
60 Microsoft 500.4M Программы и сервисы
61 Espn 496.8M Спортивная информация
62 Quora.com 491.2M Сайт вопросов-ответов
63 News.yahoo.co.jp 484.8M Агрегатор новостей
64 Amazon.co.uk 473.3M Электронная коммерция
65 Fandom.com 472.3M Информация и новости
66 News.google.com 470.3M Агрегатор новостей
67 Walmart 468.9M Электронная коммерция
68 Google.co.jp 455.7M Поисковая система и сервисы
69 Booking 423.7M Бронирование отелей
70 Google.fr 419.3M Поисковая система и сервисы
71 WordPress 417.1M Медиа платформа
72 Zhihu.com 409.5M Сайт вопросов и ответов
73 Livejasmin.com 396.5M Сайт для взрослых
74 Outbrain.com 396.3M Платформа для веб-рекламы
75 Sohu.com 394k8n Поиск, реклама, сервисы
76 Youporn.com 392.4M Сайт для взрослых
77 Apple 375.2M Электроника и сервисы
78 Fc2.com 372.6M Хостинг блогов, видео
79 Google.co.uk 362.9M Поисковая система и сервисы
80 Tumblr 360.7M Cлужба микроблогов
81 BBC.com 355.1M Медиа
82 Xvideos2.com 352.6M Сайт для взрослых
83 Indeed.com 346.1M Поиск работы
84 Dailymail.co.uk 345.4M СМИ, новости
85 Craigslist.org 342.5M Общение, обсуждение
86 Chaturbate.com 342.4M Сайт для взрослых
87 Google.co.in 341.4M Поисковая система и сервисы
88 Bongacams.com 333.0M Сайт для взрослых
89 Foxnews.com 325.2M СМИ, новости
90 Amazon.in 322.5M Электронная коммерция
91 Github.com 320.4M Сообщество разработчиков
92 Messenger.com 313.7M Обмен мгновенными сообщениями
93 Google.it 311.9M Поисковая система и сервисы
94 News.naver.com 311.4M Новости
95 Bet365.com 309.7M Онлайн игры
96 Crptgate.com 302.2M Реклама, редирект
97 Line.me 302.0M Звонки и сообщения
98 Jd.com 298.6M Электронная коммерция
99 Livedoor.jp 292.0M Блоги, сообщения
100 Spotify.com 287.0M Музыкальная платформа

Илья Рудерман

Био: дизайнер шрифта, графический дизайнер, преподаватель, живёт и работает в Барселоне. В 2004–2005 годах учился на курсе Type and Media в Королевской академии искусств в Гааге. Куратор курса «Шрифт и типографика» в Британской высшей школе дизайна в Москве.

Чем крут: сотрудничал с изданиями «Коммерсантъ», «Афиша», «Московские новости», «Большой город», Men’s Health Russia, «РИА Новости»; в 2014 году основал шрифтовую студию CSTM Fonts, в 2016-м открыл шрифтовой магазин Type.today, а в 2019-м — второй магазин экспериментальных шрифтов Type.tomorrow.

Скриншот: Type.tomorrow

Найдите референсы

Визуальная часть сайта — одна из важнейших задач дизайнера, ведь сайт должен быть не только удобным, но и красивым. Нужно подобрать шрифты, главные цвета, подумать над оформлением блоков, организацией информации на странице.

Если вы новичок в дизайне, делать это в одиночку — сомнительное решение. Лучше найти примеры сайтов, которые вам нравятся, и перенять некоторые идеи. Только не перерисовывайте их от шапки до футера — это уже откровенный плагиат.

Подборку референсов вы можете смело показать заказчику. Так вы вместе выберете подходящий стиль, что избавит от ненужных правок в дальнейшем. Найти множество хороших примеров можно на Behance, Awwwards и Pinterest.

Главная страница Jorik

Перейти на главную страницу https://jorik.askphill.com/

Простой parallax позволяет сделать сайт играбельным, если прикрепить точку просмотра главного экрана к курсору мышки. Решение авторства студии Ask Phiil из Амстердама (Нидерланды) добавило сайт нового бренда Lil’ Kleine: Jorik в рейтинг Awwwards и заслужило симпатии жюри. Чтобы не осталось сомнений, достаточно посмотреть на чистый и гладкий дизайн страницы, интерактивное взаимодействие на клики пользователя и “доезжающий” скролл, оставляющий приятное впечатление и заставляющие повторить опыт взаимодействия с ресурсом если не сразу, то хотя бы через время.

Главная страница Auberive

Перейти на главную страницу https://auberivemusic.com/

Сайт рок-бэнда уже по умолчанию обязан ломать шаблоны. Именно эту цель и преследовал разработчик Willy Brauner, создавая презентационный ресурс музыкального альбома группы Auberive, и рискнул даже пожертвовать скоростью загрузки во имя красивого эффекта. Сайт после загрузки показывает полноэкранное изображение группы, и подтягивает контентную часть через parallax-анимацию.

Передвижения посетителя тенью сопровождает плавающий курсор. Когда пользователь кликает по экрану, чтобы прослушать демо альбома, указатель “обрастает” стрелками листания, подсказывая, что можно делать на странице. Фоном отображается видео репетиции группы, позволяя пользователю приобщиться к процессу записи нового альбома.

На сайт добавили опциональную возможность прослушивать фоновую музыку, включить которую можно просто кликнув по экрану на специальной иконке.

Навигация умещается в один экран, и дальше предлагает пользователю листать экраны кликом мышки. Сайты на один экран явно становятся новым трендом в мире веб-дизайна, что показывает, что пользователи уже устали от лонгридов, и не прочь полистать веб-страницу, как журнал.

Материальный стиль и Flat эстетика с градиентами

Материальный дизайн (Flat 2.0 от Гугла) допускает в плоском оформлении образующие слои тени. Градиенты вернулись в веб-дизайн, украшают графику и плоские иллюстрации. Тренд остается актуальным.

Web Effectual

В ярком стиле Flat 2.0 представили себя дизайнеры-разработчики из Флориды. Градиенты и тени сделали дизайн сайта приятным, а применение типографических / цветовых контрастов и слоев добавили выразительности. Минимум кликабельного и отвлекающего.

Method

Сайт новозеландского креативного агентства. Плиточному материал-дизайну добавляют динамичности секции с интерактивными фонами. Красный цветом в бэкграунде визуально подчеркнуты жирные заголовки.

Epiphany

Показывая глубину интерфейса, британское агентство применяет тени, а причудливая анимация оживляет главную страницу.

PIXIT Design

Трёхцветный сайт австрийского агентства имеет хороший UX и трендовый вид. Элегантный динамичный дизайн Flat с элементами материального стиля, стильными переходами, эффектами при прокрутке и наведении.

Pantheon

Хостинговая платформа из Сан-Франциско, созданная для разработки Drupal и WordPress сайтов. Яркий корпоративный сайт привлекает плоской графикой, геометричными формами c градиентами и необычным выпадающим меню.

WPExplorer

Как мы можем подписаться, не упомянув нашего собственного WPExplorer. Этот сайт использует WordPress, чтобы предоставлять лучший контент по всем вопросам, связанным с WordPress. У WPExplorer есть все, от учебных пособий, вдохновляющих сообщений до сообщений со списком и последних новостей.

Вдобавок к этому мы предлагаем одни из лучших тем и плагинов WordPress, включая тему Total WordPress и плагин Symple Shortcodes. Дизайн чистый, и, поскольку мы используем WPEngine, вы можете наслаждаться потрясающей скоростью загрузки страниц. Я не буду вдаваться в подробности, я просто скажу вам следующее: подумайте о WordPress, подумайте о WPExplorer.

Главная страница Finding Ctrl

Перейти на главную страницу https://findingctrl.nesta.org.uk/

Креативный проект от манчестерской студии ToyFight (Великобритания) предлагает поразмышлять над историей интернета, которому в октябре 2019 года исполнится 50 лет. Студия уже в шестой раз попадает в рейтинг Awwwards в номинацию “Сайт дня”.

Посетителям ресурса разработчики предложили интересную идею и информативное наполнение с долей юмора. Информация обыграна интерактивной графикой, использованием material-цветов для фона. Для первого экрана специалисты выбрали идею с интерактивной 3D-моделью привычной “указывающей руки”, которая вращается, в зависимости от того, в какой стороне находится курсор мышки.

Cienne NY

Если ваша целевая аудитория состоит из молодых женщин, их любовников и всех, кто готов на все, чтобы оставаться на шаг впереди модных тенденций, вам нужно позаимствовать листок с сайта WordPress Cienne NY.

Этот сайт WordPress простой, на 100% отзывчивый, с потрясающими изображениями, фиксированным меню и большим количеством пустого пространства. Вы можете спутать эту красоту с одностраничным потрясающим средством WordPress, но это многостраничный сайт, который загружается так быстро, что вы можете пропустить красивые переходы CSS. Но это, вероятно, потому, что Cienne NY обслуживает контент из CDN Shopify. Двигаемся дальше…

Главная страница Design in Motion Festival

Перейти на главную страницу https://demofestival.com/

Использовать рекламные афиши и проспекты в качестве источника вдохновения для веб-дизайна — ход беспрецедентно смелый. Но в разработке оформления сайтов тех же мероприятий смелый шаг приобретает оттенки оптимистичного вопроса “Почему бы и нет?”

Именно интернет-афишей и представляется веб-ресурс DEMO Festival (Нидерланды), разработанный агентством Dept (Амстердам). Яркость и насыщенность цветов, вычурность и гипермасштабность типографики прицельно показывают тематику ресурса — реклама массового мероприятия. Иногда и такой ход позволяет позиционировать мероприятие с первого взгляда. Если это произойдет — дальше только дело за техникой и информативным контентом.

Главная страница MST—We create digital stories

Перейти на главную страницу https://mst.agency/

Яркий сайт, напоминающий россыпь сладких леденцов — именно такие ассоциации возникают при взаимодествии с корпортаивным ресурсом и портфолио московского агентства MST. Специалисты студии решили объединить две тенденции — объемность Веб 2.0, наложенную на цветовую схему и требования Material Design. Все, что есть на сайте, сделано в строгом минимализме и единстве стилей. На сайте нет фото — есть иллюстрации, любовно нарисованные под каждый проект. Жюри Awwwards оценили серьезность подхода к самопрезентации и присудили проекту заслуженный титул “Сайт дня”.

Выделенные области навигации

Скрытое меню и просторный первый экран позволяют выполнить создание дизайна сайта таким образом, чтобы он концентрировал внимание пользователей на нескольких основных навигационных элементах, которые помогут им принимать решение быстрее и легче. Такой подход побуждает пользователей перемещаться по меню, выполняя необходимые вам шаги, при этом не тратя время на поиски нужной кнопки

Благодаря просторному первому экрану можно подчеркнуть основные элементы, используя более крупные шрифты и оставляя больше пространства между ними, выделяя таким образом самый полезный контент.