Привлекательным дизайном. #1 Начинаем с поиска клиентов

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

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

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

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

Zulu & Zephyr — австралийский бренд дизайнерской одежды. Это один из лучших современных сайтов, пример хорошего вкуса.

На этом сайте можно приобрести вина и деликатесы (знаменитых устриц из Остенде, например), являющиеся основой семейного бизнеса повара Дельфины Декрок и сомелье Филипа Дебука, проживающих в бельгийском городе Брюгге.

Владельцы интернет-магазина Dodge & Burn так объясняют название своего ресурса: «Осветление и затемнение (Dodging and burning) — так назывался один методов печати традиционных фотографий. А мы черпаем вдохновение при создании своих принтов для футболок, фотоальбомов, авторских постеров именно в классической фотографии, фотоаппаратах и фотографах. К тому же Dodge & Burn просто чертовски здорово звучит!».

Лондонский бутик Frank and Doll был назван его хозяйкой и основательницей Самантой Девис в честь ее дедушки Фрэнка и бабушки Долли, являвшихся для маленькой Саманты воплощением хорошего вкуса, подлинного стиля и непреходящего обаяния. Теперь хозяйка Frank and Doll, стремящаяся быть достойной своих замечательных предков, самостоятельно отбирает женскую одежду, обувь, аксессуары в лучших дизайнерских домах по всему миру — от австралийского Mink Pink до калифорнийского For Love and Lemons, специализирующегося на неоготических мотивах.

Австралийские мастера, работающие под брендом Wootten, производят сделанную вручную из лучших сортов кожи мужскую и женскую обувь в классическом английском стиле, сумки для путешествий, бумажники и ремни. На сайте можно прочесть манифест: «Мы практикуем “медленную моду” (Slow Fashion). Мы наследуем тем одиночкам-итальянцам, которые начали в середине 1980-х европейское “Медленное движение” (Slow Movement) как протест против “тотальной фастфудизации”, грозящей уничтожить великие национальные кухни стран Европы. Мы делаем что-то похожее, но только в области моды — и все больше людей понимают, что нуждаются в наших услугах, потому что по-настоящему качественная одежда и обувь могут быть сделаны только вручную, медленно и с любовью к своему ремеслу».

7. Lux Ticket

Компания Lux Ticket организует поездки на главные мировые спортивные события с полным пакетом услуг, и на ее лаконичном и стильном сайте, разработанном командой LPgenerator, можно приобрести билеты на футбольные матчи.

Интернет-магазин компании Olive Leaf Australia продает экстракт листьев оливкового дерева, считавшийся в культурах народов стран Средиземного моря одним из главных источников здоровья. Основателям фирмы, семейной паре Рэю и Дельфине Арчер, принадлежит крупнейшая в мире плантация оливы, выращиваемой именно «на листья». Ежедневно только в Австралии Olive Leaf Australia продают 1000 бутылок этого экстракта. Экспорт этого продукта осуществляется более чем в 20 стран.

Напомним, что Reebok был основан как семейное предприятие «J. "W. Foster & Co» в английском городе Болтоне еще в 1895 году. Сегодня компания Reebok занимается производством спортивной одежды, обуви и аксессуаров в качестве дочернего подразделения компании Adidas.

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

SkinnyTies.com — семейное предприятие, занимающееся производством и продажей галстуков с 1971 года. Они были одной из первых компаний, начавших продажу традиционных галстуков онлайн (1997 год, тогда их ресурс назывался NarrowTies.com). Узкие ретро-галстуки — вот рыночная ниша этого бренда, и в своем бизнесе они добились большого успеха — сейчас SkinnyTies.com являются одним из крупнейших оптово-розничных продавцов галстуков в Соединенных Штатах.

12. Марусин букет

«Доставка нежностей на дом» — гласит слоган этого интернет-магазина цветов и пирожных macarons в дизайнерских коробочках. Его гармоничный дизайн создает ощущение нежности, легкости и уюта.

Цель основания нью-йоркского бренда emploi New York — предоставить возможность современной работающей женщине выглядеть в офисе (чем бы этот «офис» не являлся) «так великолепно, как она прежде не выглядела никогда». Вот еще одна цитата: «Придуманный в Нью-Йорке, наши столичный стиль подходит для умных и сексуальных женщин во всем мире».

Еще одни австралийские умельцы, назвавшие свой бренд по-испански «MiBolsa» (Моя сумка), производят стильные и элегантные сумки, кошельки и бумажники из импортируемой из Аргентины великолепной по качеству кожи (вот откуда испанское название!).

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

Джули Маклин, основательница бренда Goodship, родилась в Новой Зеландии, но вот уже более 10 лет живет Нью-Йорке, где в качестве дизайнера по текстилю сотрудничала с такими всемирно известными гигантами мира моды как Оскар де ля Рента, Диана фон Фюрстенберг, DKNY, J.Crew, Topshop и Gap. В 2009 году она начала производить Goodship — линию холщовых аксессуаров (сумок, в частности), украшенных яркими жизнерадостными авторскими принтами.

Дизайнеры, создававшие сайт интернет-магазина производителя спортивной и прогулочной обуви Satorisan, видимо, все-таки прониклись «духом Сатори»: согласно одному из толкований, этот термин значит «Понимание», «Баланс», «Гармония». Все эти 3 понятия вполне применимы к чудесному веб-ресурсу Satorisan: яркому, легкому, динамичному и гармоничному.

Успешный дизайнер Стивен Алан, по его собственному выражению, «одевавший с ног до головы и мужчин и женщин», запустил собственную линию по производству очков. Поводом для этого послужила, по его словам, «пустота на рынке», которую он поспешил заполнить своим продуктом, ориентируясь на свою всегдашнюю целевую аудиторию — творчески мыслящего жителя мегаполиса. А может быть, это произошло потому, что сам он живет в Нью-Йорке, творчески мыслит и с детства носит очки? ;)

18. iskander

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

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

20. Mujjo

Mujjo — голландский дизайнерский бренд, производящий аксессуары для мобильных гаджетов (смартфоны, планшетные компьютеры). Это именно Mujjo начали первыми в мире выпускать зимние перчатки, позволявшие работать с сенсорными экранами телефонов. Весной 2012 Mujjo начал делать чехлы и футляры для устройств компании Apple, отличающиеся уникальным сочетанием шерстяного войлока и кожи высокого качества.

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

Очень крутой одностраничный сайт с оригинальным дизайном.

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

Слайдер в виде ленты на главной странице является самым удивительным элементом сайта.

Яркий сайт, эмоции просто зашкаливают от такого глубокого зеленого цвета.

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

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

Очень клевая анимированная панорама Петровки в формате flash при входе на сайт.

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

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

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

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

Невероятно модный тренд в веб-дизайне - эскизы страниц с яркими дизайнерскими элементами.

При наведении мыши, слайдер просто взрывается яркими красками. Попробуйте!

Рисованные от руки красные элементы органично смотрятся на бежевом фоне.

Голубой цвет и рисованные черно-белые объекты достаточно распространенная тенденция.

В шапке сайта - последний веб-проект креативной студии дизайна.

Действительно космический дизайн веб-студии.

Ярко и креативно. Истинная любовь к дизайну.

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

Ниже мы представляем шаблоны для сайтов из категории «Веб-дизайн ». Вы сможете найти уже готовое решение для своей студии.

• Перевод

Обратите внимание на меню слева.

Или посмотрите на заголовки списков. Между словом «PLAYLISTS» и его подчёркиванием расстояние в 15px. Это больше, чем высота заглавной буквы шрифта ! Я уже молчу о 25px между самим списками.

В верхнем правом углу тоже достаточно пространства. Текст «Search all music» занимает 20 % высоты панели навигации. У иконок похожие пропорции.

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

Или Википедия.

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

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

В следующей части я расскажу об остальных 4 правилах красивых интерфейсов:

1. Как накладывать текст на картинки.
2. Как выделять и утапливать текст.
3. Используйте только хорошие шрифты.
4. Крадите как художник

Теги: Добавить метки

Кажется, что само словосочетание «хороший дизайн» – что-то абстрактное и субъективное. Ведь люди разные, и восприятие у всех разное . Кому-то нравится одно, кому-то другое. Но люди склонны путать дизайн и искусство . Дизайн подчиняется определенным принципам и законам, а где есть какие-то правила – есть объективность . Субъективные факторы будут присутствовать всегда – личные предпочтения, культура, опыт, – но все-таки графический дизайн объективен, и качественный дизайн от плохого отличить можно.

Как определить хороший дизайн?

Давайте рассмотрим на примере .

Соковыжималка Juicy Salif создал знаменитый дизайнер Филипп Старк.

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

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

Как получается сок из этой соковыжималки? Вы держитесь за одну «ногу», а другой проворачиваете фрукт на «голове» соковыжималки. Сок будет попадать в стакан, поставленный снизу. Многие люди, которые приобрели соковыжималку, говорили о том, что если они полностью не очищали «голову» и «ноги» от фруктового сока, скоро на соковыжималке появлялись следы ржавчины .

Что касается самого процесса выжимания сока – он явно неудобен. Теоретически сок должен стекать по углублениям «головы» и попадать в стакан. Но на практике мы знаем, что когда мы сжимаем, например, апельсин, лимон или лайм, то сок будет «брызгать» во всех направлениях, и какая-то часть сока окажется на ваших руках, на столе, и вообще вокруг.

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

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

Чтобы понять, что скрывается за внешним видом в дизайне, рассмотрим

6 принципов хорошего дизайна.

1. Решает ли дизайн проблему?

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

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

Допустим, дизайн эффективен , тогда двигаемся ко второму пункту.

1. Правильно ли отражен бренд и соответствует ли качественный дизайн ЦА?

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

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

1. Проверка временем: выдержит ли дизайн?

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

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

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

1. Есть помехи?

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

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

1. Дизайн красив и привлекателен?

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

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

1. Больше, чем просто комбинация?

Хороший графический дизайн – это не просто комбинация шрифтов, изображения, цветов и т.д. Дизайн должен нести смысл, идею, концепцию. Иногда в процессе создания дизайна приходят весьма удивительные вещи. Например, логотип FedEх – не просто логотип. Между буквами E и X запрятана стрелка – символ скорости и точности организации.

В заключение

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

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

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

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

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

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

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

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

Сайт The Happy Forecast

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

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

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

Краткий итог

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

Сайт Species in Pieces

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

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

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

Краткий итог

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

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

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

Краткий итог

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

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

Сайт Oliver Breweries

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

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

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

Краткий итог

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