Лучшие дизайны B2B-сайтов 2019 года (скриншоты и советы)
Если вы производите продукт/услуги, которые востребованы в той или иной сфере и пытаетесь создать подходящий вебсайт, полноценно отражающий ваше отношение к работе, то эта статья точно для вас. B2B проекты (бизнес для бизнеса) не обязательно должны быть скучными, максимально серьезными и с минималистичным дизайном. Ведь специалисты и профессионалы такие же люди, как и любые другие посетители, да и вы сами, наверняка бы, обратили внимание на красивый сайт с нужным качественными наполнением.
Большинство традиционных B2B веб-ресурсов рассказывают своим потенциальным клиентами 3 вещи: “кто мы, что мы делаем и как мы помогаем”, но далеко не всегда эта информация может продавать ваш товар/услуги максимально эффективно, а ведь цель стоит именно такая.
Современные клиенты не хотят тратить много времени на изучения сайтов и поиск информации. Авторы этой оригинальной статьи подобрали 10 успешных примеров из разных ниш дабы показать за счет чего они могут добиваться поставленных целей. Все проекты должны соответствовать следующим требованиям:
- Иметь приятое визуальное оформление и такой же пользовательский опыт.
- Отвечать на вопросы/запросы посетителя.
- Быть мультиплатформенными, т.е. доступными на телефоне, ПК, планшете.
- Быстро загружаться.
- Привлекать внимание пользователей разными акцентами, предоставляя им именно ту информацию, которую они ищут.
Ниже найдете реальные примеры лучших дизайнов B2B веб-сайтов, соответствующих всем современным дизайнерским трендам на текущий момент.
Magnetica
Magnetica не только хорошо выглядит, но и содержит всю нужную инфу о компании на главной. Там есть данные о структуре работы, МРТ-продуктах и возможностях по решению определенных проблем. Все написано простым языком.
Закрепленное меню и кнопка с призывом подписаться присутствует на всех страничках. При этом они не отвлекают от основного текста. А если у вас возникают вопросы по любому из продуктов Magnetica, в конце страницы каждого из них есть кнопка «Написать нам». Это весьма распространенный прием.
JCurve Solutions
JCurve Solutions – агентство по планированию ресурсов предприятия (англ. Enterprise Resource Planning или ERP). На сайте компания сразу же обращается ко всем, кто рассматривает возможность внедрения ERP, с помощью призыва к действию, спрашивая: «Думаете о ERP?». Если не уверены в ответе, вам советуют скачать руководство с преимуществами JCurve. Эта традиционная практика при разработке дизайна лендингов может быть полезной и в нашей ситуации.
Cайт работает с малым бизнесом. На нем подробно описывается каждый продукт доступным языком, так что он будет понятен даже новичкам в этой нише. В проекте используются элементы плоского дизайна + предлагается несколько видеороликов, чтобы помочь разобраться в преимуществах внедрения ERP и подсказать с чего начать.
Sysdoc
Данный продукт помогает руководить компанией с применением современных цифровых технологий и обеспечивать ей конкурентоспособность на рынке. Здесь вы увидите простой и современный интерфейс с короткими анимациями. Sysdoc пытается заслужить доверие юзера, используя блок текущих клиентов на главной странице. Это свидетельствует новым потенциальным заказчикам о надежности фирмы. Еще одна особенность в том, что Sysdoc четко демонстрируют, кто они и как могут помочь вашей компании куда бы вы не посмотрели — их навигационная панель двигается при скроллинге, а места для кнопок призыва к действию (CTA) хорошо продуманы и заметны.
Rollpark
Rollpark создает кастомизируемые парковочные места для коммерческих транспортных средств с помощью рулонного материала Geotextile. Веб-ресурс использует технику длинного скроллинга. Это значит, что информация появляется по мере того, как вы скролите, и адаптирована для мобильных устройств.
При входе на сайт потенциальным покупателям сразу показывается видео об актуальном продукте, подкрепленное хорошими показателями: долговечности, сроками строительства, стоимостью и др. Дизайнеры также использовали большие фотографии, которые ссылаются на тематические исследования, описывающие проблемы с парковкой, и возможное их решение от Rollpark.
Powerwest
Австралийцы из Powerwest проектируют способы производства электроэнергии для горнодобывающих и сырьевых компаний. Как только вы попадаете на главную страничку, сразу понимаете, что эта организация может сделать для вас. Вся информация представлена простым языком и сопровождается качественными фотографиями с рабочих мест. Кнопки призыва к действию понятны, а навигационные панели интуитивны.
Одно из главных преимуществ данного веб-сайта в том, что он не перегружен текстами. Все формулировки лаконичны и отвечают на вопросы без лишней воды. А если у вас возникают какие-то дополнительные непонятные моменты, можете легко отправить запрос с панели навигации, которая остается в зоне видимости при скроллинге. Этот подход используют и многие другие веб-ресурсы: визитки, одностраничники, так, например в блоге о В2В маркетинге и развитии бизнеса в Европе посетители сразу видят список последних/популярный статей и основных рубрик (без воды).
Kanbanize Software
Kanbanize Software помогает управлять рабочими процессами и проектами в одном месте. СТA заметны и хорошо продуманны + сайт понятен с точки зрения тарифных планов. Есть отзывы клиентов и видео-кейсы с успешным внедрением Kanbanize. Дизайн, в принципе, простой, со стандартным скроллингом и без анимации, а цветовая гамма и фоновые изображения хорошо сочетаются друг с другом. Навигация максимально интуитивна, поскольку панель навигации всегда доступна в верхней части экрана.
HireLevel
На HireLevel сразу нужно выбрать, к какому из двух типов целевой аудитории вы относитесь: соискатели или работодатели. Это облегчает навигацию по сайту в зависимости от того, что вы ищете. Перед нами это кадровая компания, которая помогает работодателям найти потенциальных сотрудников и наоборот. Дизайн предполагает индивидуальный подход по сравнению с более привычными и устаревшими B2B-решениями. В блоге можно почитать полезные советы для соискателей о том, что ищут работодатели, и как они могут заинтересовать сотрудника.
Rocka
Rocka помогает компаниям и предпринимателям (особенно стартапам) создавать и запускать цифровые продукты. Тут используется дизайн с длинным скроллингом, а также смелая цветовая гамма и простой, анимированный фон из разных геометрических фигур. Rocka доступно объясняет процесс и описывает все возможности, доступные владельцам бизнеса и предпринимателям. В свое время веб-ресурс был номинирован на премию awward в области вебдизайна, творчества и инноваций.
Packlane
Если вам необходимо упаковать свою продукцию, Packlane предлагает полноценную кастомизацию, мгновенную оценку стоимости и быструю обработку заказов. Сайт насыщен графикой и демонстрирует различные типы складных и картонных коробок. Также можно посмотреть пошаговый процесс упаковки. На Packlane есть множество фоток выполненных заказов для привлечения потенциальных клиентов. В блоге предлагаются различные виды упаковки и размещаются разные дизайнерские идеи.
Ultimaker
Организация Ultimaker занимается 3D-печатью. Интерфейс их веб-проекта максимально простой и понятный. Наличие пустых мест позволяет выделять небольшие видеоролики и качественные изображения. Так, дизайнеры сделали акцент на продукте, а не на внешнем виде макета. Ранее разработчики даже удостоились специальной награды CSS Design Awards. И хотя 3D-печать в промышленных масштабах все еще остается сложной, Ultimaker сводит количество жаргона и непонятных моментов на своем вебсайте к минимуму.
Итого. Если резюмировать все вышесказанное, то нужно чтобы ваш онлайн B2B-проект рассказывал о компании не слишком вычурно, но и не скучно. Старайтесь сделать веб-ресурс, который покажет, кто вы есть и что можете предложить своим будущим клиентам, активно используйте кнопки/блоки призыва к действию, и вы обязательно увидите результат. Можете также почитать блог о В2В маркетинге «МаркетInga» и посмотреть другие похожие ресурсы дабы получить еще больше информации по данной теме.
Лучшие персональные сайты фрилансеров: 33 женских дизайна
Новая порция вдохновения портфолио-сайтами творческих специалистов «не в найме». Тут примеры успешного женского фриланса с личным веб-сайтом. Трудящиеся на себя обзавелись собственными интернет-представительствами с эффективным дизайном – такие фрилансеры интересны и привлекательны. Хороший персональный сайт деловой женщины не останется без внимания. Вы увидите, как приятным веб-оформлением привлекают клиента, а историями приобретения независимости интригуют стремящихся к творческой свободе. На сайтах с персональным портфолио леди фриланса делятся образцовыми работами, секретами, лучшими практиками. Интересен факт:
Женский фрилансинг вроде барометра – в благополучных странах развит, даже превышает мужской и наоборот
Для успеха на вольных хлебах качественно оказывать онлайн фриланс услуги еще недостаточно. Эффективные персональные сайты помогли талантливым и активным женщинам добиться впечатляющих результатов. Неудивительно, что к услугам вольных художников с репутацией обращаются и гиганты индустрий – см. примеры.
Вдохновитесь уникальной подборкой фрилансерских сайтов с женственными дизайнами и их визуальным многообразием. Авторы рассуждают о фрилансе, основываясь на собственном опыте удаленной работы. Кому-то удалось стать известным иллюстратором, дизайнером, разработчиком и кардинально изменить свою жизнь.
Сайты дизайнеров-фрилансеров
Эффектность дизайна ориентирует на качество услуг, расширяет аудиторию (приводя заказчиков с большими возможностями). К независимым специалистам обращаются Google, Apple… Отобраны самые модные и запоминающиеся персональные сайты разработчиков продукции, интерфейсных- и веб-дизайнеров.
Kaleys
Графический и веб-дизайнер разрабатывает на заказ интернет-витрины, лендинги, баннеры, eCommerce сайты. Француженка заявляет об эксклюзивности услуг яркой выразительностью в стиле Material Design с 3D-графикой.
Coraline Colasse
Независимый французский продакт-дизайнер и арт директор главными элементами дизайна сделала инициал собственного имени и свободное пространство. Возможностью «заглянуть» через букву-трафарет Коралина вовлекает посетителя.
Ludmilla Maury
Людмила – французский Web и UI/UX дизайнер. После 6–лет работы в агентствах Парижа / Мадрида / Леона ушла во фриланс. Личный сайт в стиле модного минимализма.
Pauline Osmont
Персональный сайт фриланс UX/UI дизайнера Полины Осмонт. Неотразимость французского обаяния нашло воплощение в художественном самовыражении. Сбалансированный дизайн с множеством изображений воздействует мощно, но не подавляет.
Anat Kalinski
Анат Калински начинала с SEO, продолжила в дизайне. Независимая дизайнер цифровых продуктов увлекается UX-исследованиями и оптимизацией. Ее разработки включают изучение конкурентов, персонального, трендов с технологиями и даже маркетинговых стратегий.
Бодрый и нестандартный сайт фрилансера:
- Главная страница с горизонтальной сменой сочных экранов
- В «по-спортивному» стильном портфолио иконки-плитками c флип-переворотом
Gwen Canfield
Графический фриланс-дизайнер из США разрабатывает логотипы & принты, отрисовывает сайты для стартапов и малого бизнеса с 2005 года. При полной прозрачности услуг, удаленно / встречаясь с клиентами Гвен Кэнфилд создает брэндинг-материалы и доступный креатив в Арканзасе, Теннесси, юго-восточных штатах.
Emily Mabry
Графический дизайнер Эмили Мабри создает бренд-айдентику, сайты и принты. Черно-белый стиль повышает заметность визуальных образов, разработанных американкой для сферы малого бизнеса.
Aisling
Отмеченная наградами графический и бренд дизайнер из Дублина. Эшлинг с отличием закончила Арт-школу, изучив визуальные коммуникации. Визуальный брендинг стал основным направлением ее фриланс-деятельности.
Ines Maria Gamler
Интерфейсные изящества в винтажность, увязанные с духом времени – отлично характеризуют услуги австрийского иллюстратора и скрин-дизайнера. Мария специализируется на Вордпрессе, UX/UI разработках и визуализации данных.
Melanie Daveid
Мелани Дейвид из Берлина – «несносный ребенок» цифрового авангарда. На однстраничнике демонстрирует работы, принципы…, завершая секцией «Дай пять». UX-дизайнер, арт-директор и талантливая иллюстратор прошла путь от карандаша до цифрового искусства. Готова фрилансить и сотрудничать в разработке.
Louis Ansa
Закончив парижскую школу Gobelins работала арт-директором в Амстердаме, но ей определенно хотелось больше солнца и творческой независимости. Вернувшись в Париж ушла во фриланс, так как требовалось свободное время для экспериментов. Сейчас Луис Анса в команде Мake me Pulse, но привычка подрабатывать на стороне осталась.
Juliette Neveu
Модное портфолио высококлассного креативного & цифрового дизайнера: элегантная главная в один экран, бесшовный переход к работам. Джульетта любит минималистичную эстетику с вниманием к деталям. Парижский фрилансер разрабатывала одежду для fashion-брендов.
Marija Zaric
Сербский веб-дизайнер специализируется на простых, дружественных к пользователю дизайнах, выражая это понятным портфолио-сайтом. Мария Жарич разрабатывет разные шаблоны на Bootstrap и увлечена фотографией.
Veerle Pieters
Графический и веб-дизайнер начинала с принтов логотипов, брошюр, канцтоваров. Бельгийка Вирли Питерс: «По своей природе я люблю цвета. Мой персональный онлайн-журнал отражает видение дизайна, web-а и жизни». Она украшала журнал Smashing Magazine, рассылку новостей MailChimp и дизайны WordPress-тем.
Персональные сайты разработчиков
Amber Weinberg
Клиенты фронтенд & WP разработчика: дизайнерские агенства / др. фрилансеры с готовым дизайн-макетом, которым нужен в кодинг. Амбер Вейнберг специализируется на кастомной Craft CMS разработке, HTML5 / CSS3-анимации и развлекается созданием приложений.
Amelia Rae Thompson
Дизайнерское & девелоперское портфолио и резюме Амелии Томпсон. Американка сочно оформила плоский одностраничный сайт.
Pamela Nehf
Бабушка-фрилансер из штата Миннесота – технарь и путешественница. Разрабатывает индивидуальные маркетинговые стратегии для бизнеса и предпринимателей. Выразительный сайт в материальном стиле четко структурирован. Памела компактно и предельно ясно объясняет, что получает ее клиент.
Nyree Mereus
Найри Мереус сделала свой персональный сайт одностраничным. Трендовый переход к кейсам эффектно представляет работы фронтенд-разработчика в секции портфолио.
Сайты иллюстраторов и творческих специалистов
Самые именитые заказчики – ценят индивидуальное творчество свободных художников и эстетику фрилансовой иллюстрации.
Marly Gallardo
Броские рисунки Нью-Йоркской иллюстраторши из Эквадора заказывали деловой журнал Fortune, газета The Guardian, медиакомпания Netflix и глобальная рекламная сеть McCann. Среди клиентов Adobe, Apple, Yahoo, IBM, Intel, Microsoft. Услуги Марли включают иллюстрирование, рисование, разработку персонажей, редактирование дизайна.
Alice Lee
Элис Ли – независимый иллюстратор из Сан-Франциско. Закончила факультет маркетинга Уортонского университета, была дизайнером продукции и помощником иллюстратора в Dropbox.
Клиенты иллюстратора: Google, Microsoft, Adobe, The New York Times, The Washington Post…
Shyama Golden
Она изучала веб-программирование с детства, намереваясь творить в Интернете. Арт & дизайн магазинчик делала сама, обращаясь лишь к интерфейсным дизайнерам. В художественном направлении «Свободная фигуративность» ярко изобразила многоплановую идентичность американской нации (масло, акриловая и цифровая живопись на iPad). Непростую социальную динамику выражают картины реальных людей с добавлением масок, зверей и вымысла.
Sara Marandi
Творческий сайт портфолио фотографа из Манхеттена. Ненавязчивость, простота и красивые навигационные переходы на HTML5 & CSS3. Модное hover-превью: с эффектом анимированного искажения подсвечиваются серии снимков по каждому заголовку.
Сайты знаменитых фрилансеров
Их талант знают на рынке, а эксклюзивные работы высоко ценят. Свежие идеи, качество и индивидуальность – вот, что привлекает именитых заказчиков.
Malika Favre
После пяти лет работы в студии Малика стала независимым иллюстратором. Талантливая француженка оставляла свое имя под все новыми идеями. «Никогда не жалела о выборе» – скажет в интервью спустя еще 5 лет.
Потомственная художница прошла путь от иллюстрирования кино-постеров / книжных обложек до редакторства «New York Times» и признает, что конкуренция высока. Ее работы выделяют:
- Смелое сочетание негативного пространства и ярких цветов
- Капелька озорного юмора
Diane Martel
Известная клипмейкер живет в Нью-Йорке и Лос-Анжелесе. Инновационное портфолио Дайан Мартел привлекает навигацией с 3D-скроллинг эффектом.
The Story Of Telling
Сайт консультанта, ведущей и автора бестселлеров. В отличии от агрессивных современников, Бернадетт Джива – радушный брендинговый эксперт. Основная идея в заголовке: «Не нужно конкурировать, если известно кто ты такой». Индивидуальность выражена цветовой схемой, типографикой и всем дизайном.
Веб-ресурсы предприимчивых и многопрофильных фрилансеров
Успешные фрилансеры пошли дальше «свободного специалиста» и организовали свой микро-бизнес. Отобраны персональные сайты многопрофильных экспертов и проекты фрилансеров-предпринимателей.
Carol Tice
Она предлагает позвонить для мини-наставничества и раздает полезности. Платит подписчикам за гостевые посты – считая, что зарабатывающий блог компенсирует расходы.
После 15 лет фриланс-писательства Кэрол создает проект Freelance Writers Den, помогающий копирайтерам поднять доходы. Запустила партнерскую программу. В сообществе уже +1,100.
Kamila Gornia
Сайт маркетингового стратега и бизнес-тренера. Камила заинтересовалась онлайн-маркетингом с 12 лет, открыла 3 прибыльных бизнеса, имеет почти миллионный доход. Запустив Heart Behind Hustle вдохновляет клиентов cвоей напористостью и энергией. Фрилансер-предприниматель призывает стремиться к лидерству сферах, которые нравятся и в итоге добиваться финансовых результатов.
Creative Revolt
«Креативный мятеж» когда-то уволенной бизнесвумен. Сайт четко доносит идеи. Пурпурные волосы Джордан Ропер нашли отражение в дизайне, начиная от фавикона до цветовой палитры сайта. Creative Revolt – означает иной и серьезный подход к бизнесу.
Hannah Seymour
Приятный плоский сайт английского копирайтера и многофункционального эксперта. Ханна также разрабатывает веб-сайты и графику по удивительно доступным ценам. Фрилансерша не оставляет без ответов вопросы локального / удалённого заказчика .
Giada Correale
Продающий сайт веб- и бренд-дизайнера из Италии – услуги заказываются добавлением в корзину. Заказчиков привлекает дружественным теплым дизайном в пастельных тонах, мягкими эффектами & иллюстрациями.
Bucket List Bombshells
Сайт двух подруг – новаторов в области удаленной работы. Их аудитория: представительницы «цифрового поколения» миллениалов. С 2013-го развивали бизнес, позволивший работать через Интернет… путешествуя по свету (и не как рюкзачники или бюджетные туристы).
У них все получилось
Работать на себя, завести собственный сайт-портфолио – такие идеи посещают активных и амбициозных представительниц творческих профессий. Если продолжать: уйти из офиса, быть себе боссом, заниматься интересным, трудиться эффективно, не на дядю… Для вдохновения стремящихся к целям фриланса: лучшие персональные сайты, представляющие «свободных специалистов». Внимание к деталям и элементы персональности делают их запоминающимися. «Говорящие» об авторе дизайны помогают заказчикам, упрощая поиск фриланс-исполнителя. Интересны личные истории с женским взглядом на удаленку и фрилансерскую долю.
Успеха и востребованности на рынке фриланса!
Дизайн сайта | Beloweb.ru
Привет, друзья! Спешите скачать совершенно новые и совсем бесплатные, а так же качесвтенные иконки в различных форматах. Иконки вы можете…
Привет, друзья! Тут я собрал несколько крутых сниппетов которые помогут реализовать вам крутой сайт с красивой прокруткой! Всё бесплатно, качайте!…
Друзья, встречайте новейшую и реально качественную подборку стоковых фотографий, которые можно здесь сосем бесплатно скачать! Так же вы можете использовать…
Друг! Спешу тебе представить классную и самую свежую подборку с красивыми сайтами! Эта подборка очень сильно вдохновит тебя! Я в…
Друзья, сегодня я представляю вам реально качественную подборку в которой вы найдёте крутые кнопки для вашего сайта! Все исходники, которые…
Привет, друг! Спешу представить подборку из 10 крутых примеров CSS анимации! Эти примеры возможно вас вдохновят на что нибудь своё!…
Друзья, это очередная мега крутая подборка email шаблонов в формате PSD! Если вы активно рассылаете письма своим посетителям тогда эта подборка…
Привет, друзья! Представляю вам очередную, очень крутую подборку стоковых фотографий! Конечно же они совершенно бесплатные и в очень хорошем качестве!…
50+ лучших дизайнов сайтов на WordPress
Может вы уже слышали? WordPress – отличный инструмент для создания сайта на CMS. Многие считают его движком для блогов, любительским средством построения простенького веб-ресурса и ассоциируют Вордпресс с хобби энтузиастов ведущих интернет-дневники. Парадокс в том, что мнение укрепляют множество «блогов про вордпресс» со все новыми wp-рецептами для построения и настройки под себя личного проекта. Но, WordPress не только блогоплатформа, предоставляющая новичку шанс найти и скачать впечатляющий Вордпресс-шаблон и бесплатно создать собственный сайт.
WordPress подойдет профессиональным дизайнерам, агентству или под качественный корпоративный сайт и весь бизнес сегмент (тут тысячи wp-примеров) и даже для сложной системы, включая e-commerce.
Помимо гибкости, возможностей кастомизации с простотой в эксплуатации, важно отметить полноценность этой open source системы, которая способна потянуть достаточно сложный функционал. От всех средств веб-разработки и движков, wp-платформу отличает максимальная обеспеченность свежими шаблонами, плагинами, скриптами, сниппетами и изобилие полезных ресурсов / материалов. Так, популярность приобрели WordPress SEO-плагины, решающие рутинные задачи оптимизации. С такой тенденцией вордпресс-сайт точно не отстанет в развитии.
Если вы не строите храм или коллайдер (что-то специализированное) и желаете творить, разумнее всего обратиться к WP
Веский довод в поддержку платформы – открытый для любого эксперимента код.
Для примера подобраны красивые «породистые» сайты. Платформа позволила им реализовать интересные фишки и свой оригинальный функционал. В подборку включены сайты популярных брендов, компаний / студий, нестандартные дизайны с творческими проектами и дизайнерские портфолио. Итак, лучшие дизайны сайтов на WordPress, выполненные в современном стиле:
Сайты сервисов и агентств на WP
Travel Portland
Красивый адаптивный веб-ресурс туристической тематики создан с помощью WordPress темы, основанной на популярном фреймворке – ZURB Foundation. Сайт также использует API третьей стороны, включая: Storify, MapBox, Weather Underground и ChooseCulture. Чистый дизайн каждой страницы. Благодаря решению с API MaxMind реализована геолокация посетителей. Это дает возможность кастомизировать контент, обрабатывая пользовательские данные в зависимости от местоположения, сопоставляя с поэтапным планированием туров клиентами.
All In One House of Beauty
У премиум салона красоты – привлекательный одностраничный сайт на WordPress. Очень современный адаптивный HTML5 / CSS3 дизайн.
BBF Soft
BBF GmbH небольшая немецкая компания занимающаяся программным обеспечением. Их сайт с чистым дизайном и параллакс склоггингом использует HTML5, jQuery на WP платформе.
Wanda Print
Сайт творческой продакшн-студии завораживает своими сплит-экранами со скроллингом. Чистый дизайн предоставляет много белого пространства, но расширенное гамбургер меню всегда доступно, также как и кликабельный заголовок, появляющийся при совмещении половинок полноэкранных изображений.
Cubicle Ninjas
Креативное агентство всегда выделялось своим дизайном. Раньше, колоритом броских цветов, в новых тенденциях – цветокоррекцией фонового видео и hover-эффектов. Популярные призрачные кнопки тут с отличающим их уникальным микроэлементом.
Entyce
Частное дизайн-акентство специализирующееся на web разработках, SEO, контенте и видеомаркетинге. Команда агентства о WP: нам нравится универсальность WordPress, концепция открытого кода с возможностью легко содавать стиль. С WP легко и просто превращать проекты в то что нам нужно. Хотя есть несколько изъянов, доводы «ЗА» перевешивают.
Work by Simon
Work by Simon занимается разработками в т.ч. под мобильные устройства. Сайт студии это портфолио плюс блог на HTML5/CSS3 и WordPress. Особенность дизайна: 1). крупные элементы навигации и управления 2). по полной использован потенциал CSS3 технологий.
«Перед созданием CSS 3 анимаций для раздела labs, ввел себе лимит на применяемый эффект: анимация только средствами CSS» – шутит Симон. Как видите, результат того стоил. «Мы ценим WordPress за возможность легко переносить дизайны на кастомизированный шаблон – объясняет Симон, – Другой плюс, это гибкость в размещении контента для портфолио / блога с помощью произвольных полей».
Креативные, творческие, дизайнерские сайты
Jess Marks Photography
Одноколоночный дизайн в стиле современного ретро. Этот веселый сайт буквально напичкан персональностью. После редизайна и долгих поисков хорошего движка был выбран WordPress. Главная причина: WP прост, WP впереди планеты всей по доступности полезных плагинов.
Team Les Chameaux
Перед вами темный веб-сайт команды жаждающих приключений и путешествий. Любителям острых ощущений ненавязчивый дизайн захватывающе демонстрирует активный образа жизни. Эффект неожиданности создается анимацией с обводкой, открывающей затемненное изображение, раскрывающимися контрастными блоками контента и осветлением фото в окружении утонченных элементов.
We are CMYK
Необычный сайт с интересным доменным неймингом (увязано с оформлением) и плоским стилем дизайна. В агентстве Адама Шера (специалиста по UI/UX и моушн-графике) концентрируются на эстетической привлекательности & опыте взаимодействий. Идея, креативным контентом и уникальностью показать – у нас нет клише-решений. Интересные «фишки» в неизбитом web-дизайнерами виде: персонификация, многоцветные страницы с анимациями, графика с разбивкой на квадратики – пиксели.
Сайты с нестандартными дизайнерскими решениями
Trefecta Mobility
Для продаж инновационной продукции нужен запоминающийся сайт. Например, стильный как у этой e-bike компании (производитель электрических велогибридов). Применяемые техники: черно-белая палитра с добавлением коричневого цвета, утонченная типографика, изображения затененного / слабо освещенного в темноте продукта, красивая интерактивная скроллинг-анимация и нестандартный дизайн панелей дополнительной навигации.
Bonne Marque
Шведское агентство брендинга и рекламы. Впечатляющий сайт в черно-белой гамме (включите звук), с нестандартной навигацией и красивым концептуальным видео.
По комментариям экспертов: Bonne Marque после ребрендинга своими смелыми решениями в дизайне портфолио шагнул в новую эру креатив-индустрии веба.
Worry Free Labs
Нью-Йоркское веб-агентство зарекомендовало себя на создании мобильного UX. Лучшая демонстрация навыков – собственный сайт. Компактный лаконичный дизайн реализован на WordPress и HTML5. Имеет нестандартные элементы навигации и управления. Основатель агентства: «Наш мобильный трафик существенно вырос благодаря адаптивному подходу. Современный веб-сайт следует развивать в этом направлении».
La Pierre Qui Tourne
У сайта французского бренда печенья адаптивный плоский дизайн, выполненный со вкусом. Благодаря CSS-анимациям, управление происходит так гладко, словно вы присутствуете на этом бисквитовом празднике: красивые оригинальные микроитерации и переходы, рассыпающееся печенье в предзагрузке. Располагающие персонажи и цвета формируют нужные эмоции.
Lollapalooza
Необычайно яркий и эксцентричный сайт, продающий постеры, билеты, электронные подарочные карты. Возможно, выбор wp-движка для такого причудливого дизайна покажется странным, но факт – это WordPress!
I shot Him
Гигантский размер шрифта и лаконичные описания на странице about. Креативный сайт студии запоминается фразой оригинального доменного названия и магической опцией перехода в IE Mode (кнопка в нижнем углу) с замечанием: Посмотри, что ты наделал! Мы все знаем в какую кучу Internet Explorer обращает сам Интернет. Избегай IE – используй санитарию как большой мальчик, т.е. браузер от Google.
Ну как еще объяснить пользователю, насколько ужасен «недобраузер» входящий в состав Windows. Проблемы для веб-разработчиков (без костылей не обойтись), уже и Microsoft не прочь откреститься…
Сайты персональные и популярных личностей
Katy Perry
Знаменитости тоже используют WP для своих веб-сайтов и певица Кэти Перри одна из таковых. На главной визуальные эффекты параллакс скроллинга и графические элементы с применением геометрии на фоне бэкграундов, меняющихся при прокрутке. Визуальный акцент также сделан на соц. кнопки.
Shoshorov
Персональное портфолио болгарского веб-дизайнера и фронтенд разработчика – одностраничный сайт на WordPress с дизайном в стиле ретро.
Bloomberg Professional
Bloomberg еще один крупный бренд создавший сайт на платформе WordPress для демонстрации и продаж своей продукции клиентам. Стильный выразительный дизайн с профессиональным видео в качестве фона на лэндинг-странице, полноэкранные изображения, огромные заголовки создающие четкий контраст, как цветовой, так и с утонченным шрифтом подзаголовков.
Vogue India
Всемирно известный журнал мод с разделами: культура, фасоны, бренды, вечеринки, люди. Гигантский объем мульти-медиа контента. На веб-ресурс регулярно идет серьезный трафик – требуется надежная и безотказная система управления контентом. Сайты британского (vogue.co.uk), индийского журнала Vogue управляются Вордпрессом и движок справляется с нагрузкой.
Остальные дизайны сайтов на WordPress
Great Lengths Hair
Роскошный темный сайт, пример гибкости и мощи WordPress. Полностью адаптивный дизайн с новыми HTML5 элементами. Для адаптации под мобильные и техник бесконечной загрузки задействованы JavaScript и фреймворки». С адаптивной навигацией и чистым дизайном легко перемещаться по страницам, которые быстро реагируют на ТАП.
Psfm Werkt
Современные стильные эффекты при загрузке страниц, скроллинге и hover-эффекты (применяемые для изображений, заливки контурных кнопок, текстового и графического контента) делают дизайн живым и очень оригинальным.
Platinum games
Platinum games – разработчик компьютерных игр из Японии. Шикарное темное вертикальное меню навигации придает солидности сайту компании, заявляющей о своем стремлении создавать только качественные игры.
ESPN Sports Programming
ESPN на 80 процентов принадлежит ABC, компании дочерней Walt Disney. Каталог спортивного контента на поддомене сайта ESPN создан на самом обычном вордпрессе. Ghost-кнопки тут и вправду выглядят призрачными.
Eginstill
Голландский сайт посвященный теме современного дизайна английской кухни. Чем этот WordPress сайт так привлекателен лучше смотреть самому. Да, интересно, что с довольно простой цветовой схемой можно получать потрясающие результаты.
Herald Sun
Новостной сайт, самый популярный в Австралийском штате Виктория. Образован слиянием двух крупных сайтов The Herald и The Sun News.
Заключение
Будучи простой и интуитивно понятной системой построения сайтов (часто от перешедших слышно: «Наконец-то!») WP пригоден для самых различных задач. Эволюционируя, Вордпресс расширяет возможности использования как back-end и становится все более привлекательной средой для разработок на базе CMS. Это значит, что у WordPress есть будущее. Есть много причин для выбора WP в качестве движка сайта. Основные из них, это многомиллионное сообщество и то, что платформа уже благополучно миновала стадию, на которой к ней предъявлялись основные упреки. Реализуя связку WP + другие продвинутые решения (современные технологии в помощь), можно построить очень красивый, эффектный и быстрый сайт. Факт в том, что все новые уникальные и интересные WordPress дизайны обновляют рейтинги лучших сайтов мира.