Креативные сайты: 10 сайтов с необычным дизайном | GeekBrains — Вебджем.рф

Содержание

Самые необычные и оригинальные сайты

Иногда, самые необычные сайты – просто свежий взгляд на веб-дизайн. С новыми идеями, нестандартными подходами и удачными дизайнерско-маркетинговыми решениями развивается Интернет. В индустрии WEB-а заметен спрос на все самое удивительное, неординарное и необычайно-креативное. Раз публика приветствует появление новых оригинальных сайтов, продвинутые дизайнеры не против свободы самовыражения.

Прежде чем перейти к крутым дизайнам

Попытки впечатлить посетителей новым и оригинальным (пр. нестандартная навигация), предпринимались и ранее. Сейчас уже недостаточно «сделать красивый дизайн», включив в оформление сайта модный крутой эффект. На волне творчества и креатива, нынешнего пользователя Интернет вдохновляет новаторство – то, что необычно и действительно оригинально:

Удивительное удивляет нас только раз. Восхитительное же, с каждым разом восхищает все больше (Жозеф Жубер)

В дизайнах с «неповторимым стилем», решающее значение приобретает дружелюбность к пользователю разрабатываемого интерфейса. И нужно быть замеченным: по выдающимся арт-композициям, элегантному тонкому стилю… Основная задача – отличаться. Эпоху суперграфики сменяют новые идеи: стиль FLAT, материальный подход, чистый дизайн, видеоарт, моушн, осмысленная анимация и проч. интересные штуки (благодарим технологии).

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

Cайты с необычной идеей и крайне нестандартным дизайном

Сайт The Happy Forecast

Иногда интересно и даже полезно знать: насколько благоприятен тот или иной район города? Необычный сайт, называющий себя «Прогнозом благополучия» представлен графической картой Лондона, отрисованной на HTML5 Canvas.

Идея дизайна: интерактивная 3D карта в стиле оригами, формируемая на основе данных анализа твитов соцсети. Создана по технологии WebGL

Алгоритм стенфордских ученых узнает настроение жителей из Twitter (с гео-привязкой) и сравнивает количество позитива с негативом. Из рассмотренных за год каждодневных микровзаимодействий формируется карта-прогнозов в метеорологическом стиле. Если интересны детали, можно углубиться в анализ.

Краткий итог

Чувства пользователей Твиттера стали информационным ресурсом этого проекта. Весьма поучительно: а с какими идеями еще можно использовать выражение эмоций в открытом доступе?

Сайт Species in Pieces

In Pieces – интерактивная выставка (с применением геометрии, радиальных диаграмм и CSS-анимации) наиболее удивительных и редких видов представителей фауны.

Идея дизайна: вообще это CSS3-эксперимент, но еще и веб-памятка о красоте природы и опасности потерять ее. Шоукейс эволюционирования представлен 30 видами животных

30 изображений отрисованных в иллюстраторе доведены при помощи CSS.

Краткий итог

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

Статья на Smashing Magazine о моментах создания проекта (с кодами и описаниями) может быть интересной для дизайнеров и веб-разработчиков

Дизайн-креатив — интересные сайты агентств

Сайт Viens-la

Оригинальность сайта французской студии начинается с эффекта предзагрузки главной страницы.

Идея дизайна: удобный формат представления данных (стимулирует к просмотру новых страниц). К общему стилю, выдержанному в каждом разделе, добавлен оригинальный эффект/ функционал

Насколько урезан текстовый шум! – Медиа-контент говорит сам за себя

Дизайн-интерфейсные решения называют хорошим UX-дизайном:

Когда нет надобности «прицеливаться» к иконкам навигации, «вглядываться» в суть изображения кликабельной миниатюры или «угадывать» назначение раздела

Т.е. улучшающие пользовательский опыт:

— Значок разворачивается в надпись (формат области анимации, облегчающий восприятие)
— Управляющий значок для листания следует за курсором (меньшее расстояние перемещения, это +1 к юзабилити)
— Анимация пунктов меню с фоновой картинкой

Мумия боса – главная, офисное пространство – об агентстве, команда – «О нас»

— При просмотре портфолио фиксируется активная область из 9 превью

На общий экран квадратора 3×3 выводится картинка с другого ракурса (или дополняющая миниатюру)

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

Интерфейс, он как шутка – если приходится ее объяснять, значит не удалась

Краткий итог

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

Нестандартная навигация с собственным меню в блоке

Вынужденные переходы на главную надо предотвращать. Дело в том, что:

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

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

Сайт Bluefountainmedia.com

Нью-Йоркое топовое интернет-агентство полного цикла услуг (клиенты Nike, Walt Disney…).

Идея дизайна: дизайн страниц на уровне предлагаемых услуг – от главной до 404-й. Нестандартное и отличающееся в разных местах сайта выпадающее меню. Единообразие поддерживается цветом

Необычная навигация: вывод сгруппированных по блокам ссылок меню на отдельной странице

Краткий итог

Для лучшей подачи информации продумана непротиворечивая прозрачная структура навигации сайта – с красивым оформлением выпадающих списков, дополнительных меню и элементов управления. Креативная страница 404.

Сайт Hound Studio

Оригинальность этой студии начинается с доменного имени сайта – охотничья собака (англ. hound). Название отображено в креативном логотипе и является частью брендинга. Тема гончей раскрыта и на страницах, в виде анимации занятого делом персонажа.

Идея дизайна: в плоский стиль с иллюстрациями и анимацией хорошо вписывается предоставляемая услуга ANIMATED EXPLAINER VIDEOS

На примерах 2d и 3d animation демонстрируется потенциал объясняющих видеороликов

Объясняющее видео – просто о сложном

Краткий итог

Объясняющим видео (explainer video) можно шутя представить ваш бизнес в выгодном свете. Короткие видеоролики дают максимум полезной информации всего за 1-2 минуты, чем и привлекают в эру познавательного шума со всеобщим игнорированием рекламных объявлений.

Оригинально использующие медиа-контент сайты

Сайт Digital Deadly Sins

О 7 грехах пользовательского поведения в Сети рассказывают артисты, музыканты и писатели.

Идея дизайна: показать реалии цифрового века на сайте в современным стиле – с удобным и легким меню, качественным интерфейсом и хорошим представлением информации (уместные звуковые и визуальные эффекты, умеренная анимация)

Краткий итог

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

Сайт Luxury Resorts

Этот роскошный сайт предлагает совершить «Luxury Voyage».

Идея дизайна: устанавить атмосферу великолепия впечатляющими фонами в сочетании с типографикой «от руки» (hand-drawn) и забавными рисованными иконками

Краткий итог

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

Сайт Fueled by Water

Vlogging (видео блоги) популяризируются с 2005 года. Когда Speedo (бренд водно-спортивных товаров) пожелал создать микросайт, то рассматривался только вариант с видео.

Идея дизайна: в партнерстве со студией Hello Design было снято 17 коротких уникальных фильмов. Требовалось современное решение разноплановой направленности. В результате получился проект на основе HTML5 и CSS3, в котором видео повсюду – даже в навигации

Отобрано максимально качественное видео, очищенное от всего ненужного и JS.

Краткий итог

Функционал предпросмотра видео-анонса следующего сюжета, обеспечивает непрерывный процесс презентации LifeStyle c брендом Speedo. Сейчас это важно и для SEO:

4 августа 2015-го, Google запатентовал «время просмотра» видеоконтента в качестве фактора ранжирования и может учитывать критерий для определения качества сайта

Интересные и увлекательные спецпроекты брендов

Сайт Chekhov.

withgoogle.com

Занимательный и необычный сайт, совместного с Гугл культурного проекта с познавательным онлайн-опросом, (необычайно полезным для расширения кругозора).

Идея дизайна: вызвать интерес к творчеству писателя. Для начала предлагается выяснить, к какому типу персонажей Чехова Вы относитесь

Нужно пройти короткий тест.

Краткий итог

Инновационный проект «Чехов жив» запущен в 2015 году и уже не уступает по объему трафика прошлогоднему «Каренина. Живое издание». Интересный онлайн-опрос с анимированными иллюстрациями персонажей – игрушка, существенно увеличивающая трафик на сайт.

Сайт

boligreisen.no

Ознакомительный тур по тематике покупки дома с неожиданным развитием сюжета – от идеи приобретения жилища до новоселья. Погружение в интерактивную историю начинается буквально «из головы».

Идея дизайна: креативный эффект скрола в глубину с переходом через активные точки и диалоговые окна в компактный сайт с CTA-кнопками (ссылки на основной сервис)

Через воображаемый бумажный мир на крыльях птицы-оригами:

Краткий итог

Новшества в дизайне и особенности управления сайтом:

Навигация прокруткой или клавишами-стрелками
Таймлайн (timeline) элемент с визуализацией переходов по узлам навигации
Минимизированное окно в сайдбаре для перехода между интерфейсами
Интересные скролл-эффекты и красивые CSS 3 переходы

Сайт Сapps

Веселый promo-сайт на тему изготовления напитка. Интерактив предложен слоганом (Срывай, дави, наливай) и нужными кнопками (A, P, P, S,).

Идея дизайна: объяснение несложных концепций «простым языком». Кратко информирующий action симулятор – теперь вы представляете как делается сидр

Краткий итог

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

Нестандартные разметка / функционал / навигация

Сайт Oliver Breweries

В мире есть мода на винтажное пиво (особо выдержанное и по спец. рецептам). OLIVER Brewing Co делает коллекционные сорта пива с оригинальным вкусом.

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

Оригинальная страница 404 ошибки «не найдено».

Кажется тебе уже хватит. Пора домой! (на домашнюю страницу)

Краткий итог

Сайт пивоваренной компании сделан на WordPress. Имеет необычную разметку и винтажный дизайн в стиле пенного напитка с соответствующей типографикой.

Сайт Very UP

Что-либо «наоборот» в веб-интерфейсе сайта — сразу кажется странным или очень необычным. Scroll up to start (начните с прокрутки наверх) это интересный креатив, выражающий концептуальную сущность VeryUP.com.

MEET OUT VERY UPPERS – креатив на странице «О Нас» с уникальным функционалом фильтра

Идея дизайна: концепция нейминга, брендинга и дизайна сайта, начиная с эффекта предзагрузки и до креатива на странице о нас, построена на оригинальном «До самого верха» (англ. VeryUP)

Краткий итог

Даже частичное вхождение ключевой фразы в домен сайта, положительно влияет на SEO и упрощает продвижение

Современные / самые передовые / в ногу со временем (англ. very up-to-date) – слова «в тему» для компании, занимающейся профессиональным обучением по повышению квалификации кадров.

Сайт soppo.co

Интерактив продакшн студия, фокусируется на создании инновационных и экстроординарных онлайн продуктов для компаний по всему миру (сайты, приложения, игры).

HTML5/CSS3/JS/3D анимация и свой собственный стиль

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

Краткий итог

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

Сайт Sassi Holford

Сайт производителя свадебных нарядов с необычно красивой презентацией продукции. Весь эксклюзив структурирован каталогами по продуктовым линейкам. Адаптивная навигация с подходом «mobile first».

Страница карточки продукта со ссылкой на весь ряд изделий

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

Краткий итог

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

Сайт Siapremiumeconomy.com

Промо-сайт авиакомпании Singapore Airlines визуально и интерактивно представляет особенности салона премиум-эконом класса.

Идея дизайна: интерактив с красивыми бэкграундами – элегантный способ виртуального ознакомления клиентов с комфортом авиаборта

Краткий итог

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

Винтажный сайт Split the Difference

Один из самых красивых сайтов в тематике автопроката для свадебных и праздничных мероприятий.

Идея дизайна: эксклюзив аренды старинных машин с видом пейзажей из кабины миловидного автокемпера

Краткий итог

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

Сайт Allamar Design

Веб-студия ориентирована на стартапы и клиентов малого / среднего бизнеса.

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

Краткий итог

Студия предлагает рассмотреть концепцию не дешевого, но рационального предложения на полностью уникальной CMS, с применением технологий HTML 5, CSS3, WebGL, JS.

Одностраничный сайт Tunk Ideas

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

Идея дизайна: показывая живую атмосферу офиса, выигрышно представить свой сервис при помощи современного адаптивного сайта из одной страницы

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

Краткий итог

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

Сайт Hermes Employeur

Иллюстрированное и анимированное интернет-представительство Hermès Group (французская компания международного уровня). С прокруткой вниз разворачивается визуальная история в забавном стиле скетча.

Идея дизайна: немного веселой анимации в формате сторителлинга «Про работу в тесном контакте», когда жажда командного духа делает менеджмент компании уникальным

Сайт на html5, css3, jQuery – пример оригинального и чистого дизайна с анимированными рисунками от руки и применением рукописного шрифта.

Краткий итог

Общее благо важнее личностных достижений! Прогресс обязан страсти и стремлению, проявленных каждым. С таким с социально-философским обоснованием дизайн-концепт (с прикольными скетч анимациями человечков) представлен на NiceOneILike.

Сайт Voisins

Дизайн, в котором применяется расширенная навигация.

Идея дизайна: навигационная система сайта из двух меню с утонченным стилем подписей пунктов

Краткий итог

Меню во весь экран это свежий тренд в навигации по сайту. Здесь функционал дополняют стандартное гамбургер-меню и раскрывающийся список разделов на внутренних страницах.

Сайт sweid and sweid

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

Идея дизайна: продемонстрировать ценности компании в высоком качестве, с выразительным контентом и предельно понятной навигацией по нему

Краткий итог

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

Сайт Uncube Magazine

Современный архитектурный дизайн-журнал с нетипичной схемой навигации.

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

Краткий итог

Удобный сайт, имеющий компактную структуру с двумя выпадающими меню: нижнее аккордеон-меню и верхнее, именованное как супер-меню.

Сайт Mackey Mitchell

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

Идея дизайна: (от студии-разработчика) – мы исследовали бренд-айдентику и решили расширить фирменную черно-красную палитру заказчика, добавив современный синий оттенок. Со слоганом «Создай вдохновение» (Shape the Inspired) акцент переносится с построек на уровень людей, а изображение ивы символизирует не ломающиеся конструкции.

Пигмент красного цвета классически присутствует в архитектурных строениях.

Краткий итог

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

Сайт Кeep Portland Weird

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

Идея дизайна: изображая свой город Портланд таинственным и своеобразным, обозначить стратегию (заявка на неординарность)

Озвучка красивых эффектов доставляет эстетическое наслаждение

Краткий итог

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

Подведем итоги

Современная концепция Web далека от совершенства, поэтому нужно приветствовать инновационные разработки и дизайнерское творчество. Но всеобщего внимания удостаивается лишь успешная реализация интересных идей и лучше сверять их с потребностями клиентов. Оценят ли? Задача требующая проработки – найти баланс между «замечаемостью» веб-элементов (в различной степени) и незаметностью хорошего дизайна в целом. В примерах нестандартных и необычных сайтов были рационально использованы пространство с системой навигации и умело применялись компоненты управления.

Креативные сайты с нестандартными элементами / Хабр

Последнее время все чаще можно встретить сайты с необычным дизайном и функциональностью, увидев которые, можно залипнуть на некоторое время. Увидев такие, у меня рука непроизвольно тянется к f12, чтобы открыть firebug и посмотреть, как же реализован тот или иной компонент. Таким образом можно открыть для себя интересные техники и в будущем реализовать их на своих проектах. Некоторые из них стали доступны с приходом новых технологий, например таких, как CSS 3 — то, что раньше было реализовано на флеше, теперь можно воплотить с помощью строк кода в таблице стилей. Дизайнеры тоже не теряют времени, создавая новые тренды и все плотнее взаимодействуя с верстальщиками. В этой статье я хотел бы показать 15 сайтов, которые так или иначе удивили и порадовали меня. Возможно, кого-то они вдохновят на собственный шедевр

Layrr

Этот сайт позволяет по-новому посмотреть на скролл страницы. Манипуляции с JS и CSS3-анимацией позволяют реализовать мини-комикс, связанный с позицией страницы. С поддержкой анимации в IE все плохо, поэтому только IE9+.

Air Jordan 2012

Промо-сайт Air Jordan — как раз один из тех, на котором можно залипнуть. Думаю, верстальщику удалось воплотить в динамике идею дизайнера, при чем на столько качественно, что сайт отлично работает как в последних вебкитах, так и в IE7.

TokioLab!

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

CCR – 10 Anos de IPO

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

Styiens – Label Musical

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

Soleil Noir 2012

Сайт Soleil Noir Studio является одним из так называемых вертикальных скролл-сайтов. В сайте неплохо сочетается концептуальность, удачная gif-анимация, которая не раздражает, и параллакс-эффект. Ну и да, html5boilerplate внутри 🙂 Кстати, интересная тенденция — все больше фронтендеров отказываются от reset в пользу normalize.

g4interactive

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

Contain.r

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

Subsens

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

Barcito Chicago

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

Adrian Baxter

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

Dawid Wadach

Еще один геометрический сайт, который лучше открывать в Firefox и Chrome. Здесь можно наблюдать интересные эффекты, которые происходят с элементами портфолио-галереи.

Dangers of Fracking

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

Mezcal Buen Viaje

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

CaptainDash

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

UPD: еще интересные сайты из комментов:

wheely.com
annasafroncik.it
www.shoppub.com.br
dataveyes.com
inze.it
slaveryfootprint.org
www.michelbergerbooze.com
beta.rallyinteractive.com
www.divups.com
adventureworld. ourentry.com.au
space.angrybirds.com
www.mediaparker.com
www.kipling.com.br
krystalrae.com
We Bleed Design
www.newzealand.com

CreativePeople

Digital

Experience

Agency

CreativePeople

CreativePeople 2003 — 2022 ©

Подпишись

#2 Branding (Rating Runeta) — #1 Usblt&UI-dsgn (Ruward) — #1 Digital CrtvStrat (Ruward) — #3 Dsgn Studios (Tagline) — #17 Web Studios (Rating Runeta) — #10 Web&Mobile prod (Adindex) —

Экспертизы

Почти 20 лет в CreativePeople мы создаем дизайн и делаем это круто.

Digital experience — это акцент на знаниях, которые мы накопили. Понимаем, как эмоции в digital становятся впечатлениями, а рациональный результат взаимодействия превращается в потребительский опыт.

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

300+ разработанных сайтов
>30 проектов по брендингу
≧2000 иллюстраций
~2 десятка спроектированных сервисов
20+ проектов по креативу
1000+ решенных креативных задач
10+ клиентов на digital поддержке

Branding & strategy

Больше Branding & strategy

Платформа бренда — Коммуникационная стратегия — Нейминг — Айдентика — Иллюстрации — Исследование продукта — Печатная продукция — Платформа бренда — Коммуникационная стратегия — Нейминг — Айдентика — Иллюстрации — Исследование продукта — Печатная продукция —

UX/UI

Больше UX/UI

UX-аудит — Построение CJM — Дизайн интерфейсов — Веб-сервисы — Мобильные приложения — Личные кабинеты — UX-аудит — Построение CJM — Дизайн интерфейсов — Веб-сервисы — Мобильные приложения — Личные кабинеты —

Mobile design

Больше Mobile

Mobile design — Проектирование — Тестирование прототипа — Мобильные сервисы — Дизайн-поддержка — Mobile design — Проектирование — Тестирование прототипа — Мобильные сервисы — Дизайн-поддержка —

Classic web design

Больше Classic web

Лендинги и промо-сайты — Корпоративные сайты — Сайты объектов недвижимости — Интернет-магазины — Дизайн-поддержка — Лендинги и промо-сайты — Корпоративные сайты — Сайты объектов недвижимости — Интернет-магазины — Дизайн-поддержка —

Digital support

Больше Digital

Digital support — Креативная поддержка — Дизайн-поддержка — OLV — Промо-сайты — E-mail рассылки — Баннеры — Digital support — Креативная поддержка — Дизайн-поддержка — OLV — Промо-сайты — E-mail рассылки — Баннеры —

Creative communications

Больше Creative communications

Креативная концепция — Рекламные кампании — Big idea – Сценарий ролика — Спецпроекты — Креативная концепция — Рекламные кампании — Big idea – Сценарий ролика — Спецпроекты —

CGI & animation

Больше CGI & animation

Иллюстрации — Key Visual — Ретушь — 3D — Computer Graphic — Motion Design — Анимация — Иллюстрации — Key Visual — Ретушь — 3D — Computer Graphic — Motion Design — Анимация —

Клиенты

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

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

Банки и финансы — 16
Телеком и IT — 15
Недвижимость и строительство — 31
Промышленность — 10
Медицина и фармацевтика — 6

Наши клиенты

Телеком и IT:

Недвижимость:

Банки и финансы:

E-commerce:

Промышленность:

Другие отрасли:

Телеком и IT:

Билайн
МТС
МегаФон
Сибинтек
Лаборатория Касперского
+10

Недвижимость:

MR Group
Capital Group
ГАЛС Девелопмент
Башня Федерация
Mercury Tower
+26

Банки и финансы:

Райффайзенбанк
Банк Хоум Кредит
МТС Банк
Альфа-Банк
Tinkoff Bank
+11

E-commerce:

Юла
Эконика
Эльдорадо
7 Цветов
Спортдепо
+6

Промышленность:

Полюс
Акрон
Nordgold
Евроцемент
Ариэль Металл
+5

Другие отрасли:

S7
Canon
STADA
R. O.C.S
PepsiCo
VitrA

Сотрудничество

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

Направляя свою заявку, резюме и иные персональные данные по указанным на сайте электронным адресам и телефонам, я даю своё согласие на обработку персональных данных. Узнать больше о политике в сфере персональных данных

Офис

Россия, Москва
Большой Казенный пер.
1/2

+7 495 917-7258
+7 495 917-7146

[email protected]

CreativePeople 2003 — 2022 ©

Политика обработки персональных данных на сайте.

Уведомление об использовании файлов cookie.

Согласие на обработку персональных данных для клиентов

Согласие на обработку персональных данных для соискателей

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

Если у вас есть какие-либо вопросы относительно персональных данных или вы хотите отозвать свое согласие на их обработку, напишите об этом нам на [email protected].

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

Перечень собираемых данных: сведения о местоположении; тип и версия ОС; тип и версия браузера; тип устройства и разрешение его экрана; источники входа на сайт; язык ОС и

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

Если вы не хотите, чтобы ваши данные обрабатывались, покиньте сайт.

Big Brother is watching you — Big Brother is watching you — Big Brother is watching you — Big Brother is watching you — Big Brother is watching you — Big Brother is watching you — Big Brother is watching you — Big Brother is watching you — Big Brother is watching you — Big Brother is watching you — Big Brother is watching you — Big Brother is watching you — Big Brother is watching you — Big Brother is watching you

15 суперкреативных веб-сайтов

Любой дизайнер хочет (и должен) стремиться быть как можно более креативным. Мы проектируем, чтобы быть функциональными и полезными, но мы также должны проектировать, чтобы они были эстетически привлекательными. Кто хочет сделать веб-сайт, который будет бельмом на глазу? Многие прекрасно оформленные предметы — от телефонов до спортивной обуви — представляют собой идеальное сочетание функциональности и красоты.

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

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

Питерцев

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

Время окончания

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

Обслуживается MCR

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

Wink TTD

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

C-Roots

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

185 Plymouth Street

Один из способов проявить творческий подход — сделать на своем веб-сайте то, что никто другой не делает. Как человек, который очень скоро переедет в новую квартиру, я провел поиск дома, и я могу гарантировать вам, что в моем списке не было сайта, который делал бы что-то подобное. Это модно и, вероятно, обслуживает очень специфический набор людей. Тем не менее, этот веб-сайт очень креативный и несколько умопомрачительный только для того, чтобы быть для множества лофтов.

Eone

Когда вы попадаете на этот сайт, вы, вероятно, прокручиваете вниз и думаете, что это просто еще один сайт с параллаксной прокруткой. Что в этом такого хорошего? Когда вы прокручиваете вниз, вы получаете 360-градусный обзор продукта, который они продают. Я не уверен, насколько утомительным было это создание, но это определенно очень круто. Сайт работает не столько как веб-сайт, сколько как фильм.

The Society Inc.

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

Kapitaal

Kapitaal — довольно популярная и активная компания, занимающаяся трафаретной печатью. Мне нравится этот сайт из-за обработки изображений, несбалансированного макета и замечательных используемых иконок. Графическое содержание этого сайта удивительно и заманчиво.

Хорек

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

Хаос

С таким именем, как «Хаос», вы, вероятно, захотите соответствовать этой шумихе. Этот сайт пытается представить и объяснить, чем занимается дизайнер. Как человек, у которого много увлечений, я знаю, насколько хаотичным может быть попытка объяснить их все. Похоже, здесь даже не пытались скрыть этот факт и придумали очень креативный и интерактивный способ объясниться.

Ponto

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

Игривый 2013

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

Curious Space

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

Mosne

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

Заключение

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

Стремитесь ли вы отличаться от других? Какой из этих сайтов ваш любимый? Дайте нам знать об этом в комментариях.

10 необычных творческих веб-сайтов

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

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

1. Вентилятор

Ваш браузер не поддерживает видео тег.

Предварительный просмотр

Дизайн Fan Engagement, безусловно, великолепный и чрезвычайно креативный веб-сайт ! Он использует плавную анимацию и использует вертикальные и горизонтальные секции прокрутки — это весело и интерактивно!

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

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

Ваш браузер не поддерживает тег видео.

Веб-сайт Fan Engagement использует компонент JavaScript fullPage. js для реализации своего дизайна. Он также доступен для редакторов WordPress, таких как Elementor и Gutenberg, а также для Webflow, так что не стесняйтесь проверить его!

2. Магазины FPP

Ваш браузер не поддерживает видео тег.

Предварительный просмотр

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

В этом креативном дизайне также используются некоторые передовые библиотеки, такие как WebGL, и он даже был удостоен награды CSS Design Award.

3. Спирали

Ваш браузер не поддерживает видео тег.

Предварительный просмотр

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

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

Узнайте, как создавать анимацию CSS при прокрутке.

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

4. Искусство Цзинь Ся

Предварительный просмотр

Мы можем отображать изображения или графику на веб-странице разными способами. Одним из способов является использование системы CSS Grid или Flexbox, которые становятся все более популярными для создания адаптивных сложных макетов, отлично подходящих, когда у вас есть много изображений для демонстрации.

Этот веб-сайт с креативным дизайном, созданный Цзинь Ся, производит очень положительное впечатление, он очень красочный, его легко исследовать, определенно есть чем вдохновиться.

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

5. Натан Гао

Ваш браузер не поддерживает видео тег.

Предварительный просмотр

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

Начинается с интересной 3D-графики в качестве основного фона, которая меняется по мере прокрутки сайта. Раздел героя прост, но эффективен, мы сразу знаем, о чем сайт.

Фоновая 3D-анимация также связана с перемещением мыши, формируя интерактивный дизайн с пользователем.

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

Основа этого веб-сайта с креативным дизайном также была построена с использованием fullPage.js — библиотеки JavaScript, которая позволяет создавать красивые горизонтальные и вертикальные креативные веб-сайты с прокруткой . Доступно для WordPress и Webflow!

6. Вперед

Ваш браузер не поддерживает видео тег.

Предварительный просмотр

Не всем нравятся творческие веб-сайты с яркими оттенками и причудливой анимацией или графикой. Все зависит от целевой аудитории. Этот творческий веб-сайт показывает нам обратную сторону красочного и кричащего.

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

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

7. Студия Dazzle

Предварительный просмотр

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

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

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

Возможно, этот веб-сайт с креативным дизайном подходит для офиса агентства, Нью-Йорка!

8. Карлсберг

Ваш браузер не поддерживает видео тег.

Предварительный просмотр

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

Узнайте, как создавать фоновые видео с помощью CSS и как использовать видео с Youtube в качестве фона.

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

Цвета соответствуют цвету флакона, все дополняет общий дизайн и имеет выдвижное меню с минимальным макетом.

9. Гастрономический

Предварительный просмотр

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

Уникальный креативный дизайн: все четко. Типографика проста, но для формулировок используются крупные шрифты. Цвета используются там, где это важно, а крутая анимация выделяет элементы при прокрутке вниз.

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

10. Websmith Studio

Предварительный просмотр

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

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

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

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

Заключительные мысли

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

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

Красивые веб-сайты выставок
Лучшие эстетичные и красивые веб-сайты
10+ удивительных примеров веб-сайтов с плоским дизайном
Лучшие темы WordPress для художников
Улучшите слоган своего веб-сайта

Об авторе:

Люк Эмбри — разработчик полного стека, бакалавр компьютерных наук, проживающий в Великобритании.
Подробнее о нем можно узнать на https://lukeembrey.com/

сообщить об этом объявлении

Креативные сайты — 470+ лучших идей креативного веб-дизайна 2022

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

Вы посмотрели 99дизайнов и хотите еще один кусочек?

по ET

Поиск идей для веб-сайтов

Креативные сайты не подходят? Попробуйте что-нибудь еще:

Веселые сайты

Классные сайты

Простые сайты

Красивые сайты

Эстетические сайты

Чистые сайты

Отличные сайты

Уникальные сайты

Роскошные сайты

Инновационные сайты

Сайты-победители

Удобные веб-сайты

Сайты разработки

Сайты дизайнерских фирм

Сайты игр

Темные сайты

Веб-сайты аналитики

Сайты блогов

Сайты-портфолио

Сайты недвижимости

Как создать свой креативный дизайн сайта

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

Начать соревнование

Дизайнеры со всего мира предлагают вам свои идеи. Вы предоставляете отзывы, оттачиваете свои фавориты и выбираете победителя.

Начать конкурс

Начать проект

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

Начать проект

Узнайте больше о дизайне веб-страниц

4,6 в среднем от 2355 отзывы клиентов о веб-дизайне

Из чего состоит хороший креативный веб-сайт?

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