Чому ваш веб-сайт потребує реального елемента

Автор: Louise Ward
Дата Створення: 8 Лютий 2021
Дата Оновлення: 21 Червень 2024
Anonim
Сделайте ваш сайт профессиональнее! Разбор ошибок дизайна
Відеоролик: Сделайте ваш сайт профессиональнее! Разбор ошибок дизайна

Зміст

Часто, коли ми починаємо роботу над новим дизайном веб-сайту, ми зосереджуємось на створенні всіх візуальних активів самостійно в нашій програмі дизайну.

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

Усунути розрив

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


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

Зробіть їх пов’язаними

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

Ось п’ять прикладів для перевірки ...

01. MailChimp

Додаток для маркетингу електронної пошти MailChimp використовує настільні елементи, щоб допомогти клієнтам асоціюватися з програмою на людському рівні та пов’язати себе з брендом.


02. Квадрат

Блогерська платформа Squarespace візуально використовує метафору робочого столу, щоб розмістити клієнта у своєму середовищі за допомогою програми.

03. Я його застрелив

Дизайнерська фірма I Shot Him () використовує фото свого логотипу в рамці для зображення як головний образ героя, а також вплітає зображення своєї команди, яка робить щось на всьому веб-сайті, щоб допомогти зв’язати вас з ними особисто.

04. Будинок

На веб-сайті модної електронної комерції House використовуються фотографії людей, схожих на цільових клієнтів, які використовують товари, щоб об’єднати товари. Це не нове, але це чудовий приклад цього як головного елементу дизайну в образі героя.


05. Дитячий майданчик

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

Слова: Джин Кроуфорд

Проекти Джин Кроуфорд включають www.unmatchedstyle.com та конференції, такі як www.convergese.com. Ця стаття спочатку з’явилась у випуску 246 журналу net.

Ми Радимо Читати
Що робити, якщо у ваших улюблених шрифтів було потомство?
Читати Далі

Що робити, якщо у ваших улюблених шрифтів було потомство?

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

Створення крутих ілюстрацій колажу

Я працюю ілюстратором-фрілансером та виробником колажів майже п’ять років. В університеті я плескався, не впевнений у своїй візуальній мові та в тому, як прийняти стиль, який підходить мені і що я хоч...
TYPO Берлін: основні моменти з першого дня
Читати Далі

TYPO Берлін: основні моменти з першого дня

Ми не збираємось брехати: це було щось непросте для команди CA в TYPO Berlin.Пропустивши вирішальний рядок у програмі, де згадувалось, що деякі переговори відбуватимуться німецькою мовою, перша година...