Ми на 98% знаємо, яким буде ваш веб дизайн. Частина 1

З 2016 ми працюємо над сайтами. З 2001 спостерігаємо за розвитком веб дизайну. Ми точно знаємо, як має виглядати сайт залежно від ваших потреб. Хочете розкішний веб дизайн? Інноваційний? Строгий? Прочитайте цю статтю, скопіюйте потрібний абзац та відправте своєму дизайнеру.  Перед вами – інструкція до 4 типів веб дизайну. Користуйтеся з розумом!

Веб дизайн потрібен, аби сформувати вам імідж. Щоб покупець зайшов на сайт і одразу прикинув, з ким матиме справу. Веб дизайн не розкаже, чим конкретно ви займаєтесь. Біло-синім може бути сайт стоматології, модного бару, IT-галери та Партії Регіонів Опозиційного Блоку. Але веб дизайн однозначно розкаже:

  • які у вас ціни;
  • який у вас асортимент.
partiya-stomatologiv

Візьмемо уявний сайт салону краси. Основний колір – персиковий, «Ви» з великої літери, в якості декору – вензелі. Про що це говорить? Салон – класичний. Сюди є сенс іти по зачіску для випускного чи корпоративу в Київенерго.

Тут працюють жіночки 27-42 роки, які все життя стрижуть один фасон, але роблять це бездоганно. Тут вас пригостять супер-солодкою кавою та порцією свіжих пліток про Аліну, яка сестра Оксани. Ціни помірні. Все, що треба, ви дізналися завдяки веб дизайну. І вибрали: підходить вам цей салон чи не підходить.

Отже, як має виглядати сайт, щоб привабити саме вашого покупця? Розказуємо!

Точність: 98%. В цій статті – про веб дизайн сайтів для дорогих товарів та послуг.

Дорогий інноваційний веб дизайн

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

Колірна гама: холодна. Спокійна. Всі відтінки синього та зеленого, крім кислотних. Відтінки сірого. Для акцентів підійдуть жовтий, помаранчевий, кораловий, червоний, чорний. Акцентів має бути мало. Для фону використовуйте білий або світло-світло-сірий.

Шрифти: товсті, тонкі, середні – аби прямі та без насічок. Про курсив краще забути.

Елементи веб дизайну: складні, швидкі анімації, паралакси, відео, зумування, 3D. Тонкі прості іконки. Бетонні текстури. Якщо ви впевнені в дизайнері – спробуйте прості, тонкі геометричні патерни.

Верстання: одна колонка. Зображення не слід розміщувати на весь екран, залиште місце для фону збоку. Текст може частково перекривати картинку. В блоках з багатьма елементами, зробіть елементи різних розмірів.

pivnoe puzo

Дорогий розкішний веб дизайн

Для якого бізнесу: меблі в стилі «Дача Януковича»; ресторани, продукти та кейтерінг «Ювілей Януковича»; одяг або салон «Коханка Януковича»; аукціони;  санаторії, готелі, вілли; все, що пов’язано з весіллям; ЖК і таунхауси; флористика; декор, текстиль, порцеляна, коштовності.

yakubovych

Колірна гама: тепла. Пастельні відтінки одного кольору + один акцентний. Чудово підійдуть різноманітні фантазії на тему бежевого, шоколадного. Придивіться до чорного, коралового, золотого, пурпурного. Білий можна, але обережно. Стоп-кольори: блакитний, більшість відтінків зеленого, особливо салатовий.

Шрифти: високі тонкі або середньої товщини. З насічками. Для акцентів та заголовків можна пограти з використати курсив.

Елементи веб дизайну: плавні прості анімації, відео. Мармурові текстури. Авторські іконки. Художні мазки (акварель, масло).

Верстання: одна колонка. Симетричне, гармонійне розміщення блоків. Блоки з картинкою – на весь екран. Текст не налазить на зображення і навпаки. Внизу сторінки – красивий, інформативний футер.

Дорогий модний веб дизайн

Для якого бізнесу: бари, ресторани, доставка, клуби тощо; незвичний декор та меблі; хендмейд; оригінальні аксесуари, прикраси, одяг; екзотичні, авторські, імпортні продукти; салони, стилісти; архітектура, дизайн; гаджети; спорт, туризм, фестивалі; неформальна освіта; діджитал; стартапи.

Колірна гама: можна і теплу, і холодну. Головне – насичені акцентні кольори. Вони ж підійдуть для фону, але не на всьому сайті – лише на деяких блоках. Придивіться до яскраво-синього та блакитного, баклажанового, коралового, помаранчевого, фуксії. Можете ризикнути і спробувати щось кислотне чи металеве.

Шрифти: вибір необмежений, але все ж краще щось без засічок. Можете використовувати курсив, підкреслення, виділення, навіть букви різних розмірів – аби текст читався.

Елементи веб дизайну: авторські ілюстрації та графіка. Яскраві художні та геометричні патерни. Оригінальні іконки. Складна анімація. Будь-які доречні текстури.

Верстання: одна колонка. Все, на що вистачить вам грошей, а програмісту – вмінь та фантазі. Чудово заходить інтерактивна взаємодія: оналйн-примірочні, віртуальні тури тощо.

virtual'na-prymirochna

Дорогий строгий веб дизайн

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

Колірна гама: нейтральна. Потрібно 3 кольори:  2 фонових і 1 акцентний. Для фонових підійдуть чорний, білий, темно-синій, багряний, сірий, світло-сірий. Для акцентних – жовтий, червоний, зелений, блакитний. Можна використати додатковий акцентний, але для виключних випадків: анімації кнопок, акцій, надважливої інформації тощо.

Шрифти: середньої товщини, краще з засічками. Для заголовків спробуйте товстий.

mature

Елементи веб дизайну: геометричні патерни. Помітні іконки. Проста анімація, паралакси. Чудово працює створення персонажів.

Верстання: просте та симетричне. Єдиний варіант, коли допускається кілька колонок – якщо цього вимагає функціонал. Обов’язково нижнє меню в футері.

Важливо! Ваш сайт не має бути чисто інноваційним або чисто розкішним. Вмілий веб дизайнер грамотно поєднає стилі так, щоб вони доповнювали одне одного.

Адже може існувати модний інноваційний продукт! Або строгий розкішний.

Та завжди одна характеристика  буде переважати. Так само має переважати один стиль у веб дизайні. Це запорука, що на вас звернуть увагу правильні покупці і з більшою вірогідністю зроблять покупку. Тобто, ваш веб дизайн може бути модним, але в першу чергу – інноваційним. Або навпаки.

Не люксом єдиним! В наступній статті ми розкажемо, як оформити веб дизайн для… мега-дешевого цінового сегменту.  Буде гаряче!

Предыдущая запись
Контекстна реклама не працює? Ми знаємо, що ви робите не так
Следующая запись
Ми на 98% знаємо, яким буде ваш веб-дизайн. Частина 2

Схожі записи:

Strah_i_nenavist_ua

Страх-і-ненависть.ua: Реєстрація домену в зоні .ua для власників торгової марки

Передмова: Ви прийшли до проктолога. Він натягнув рукавиці. Зіграв у ляльковий театр. Виписав ліки. Через два тижні ви забули про свою проблему. А через місяць на Новий рік, святкуючи-випиваючи з друзями, раптово розумієте, що шишка…
Napisav sobi text v blog sam

Написав собі текст в блог. Без мам, тат і копірайтерів.

Покажіть цю статтю всім своїм співробітникам. Навчіться самі генерувати файний контент, коли немає грошей на штатного копірайтера. Ви маленька компанія, у якої немає золотих дохуліонів на власний контент-відділ. При цьому ви розумієте цінність блога для…
brandbook-navischo

Що таке брендбук і навіщо він потрібен

По порядку: що таке брендбук, в чому його користь і як відрізнити грамотно складений брендбук від халтурки. Погнали! Слово «брендбук» роками наводить жах на підприємців. Бідолахам здається, що цим закляттям маркетологи хочуть навести на них…
Меню