Я займаюся дизайном веб-сайтів з 1997 року і за цей час веб-сайти сильно змінилися. З усіма змінами за ці роки не дивно, що я часто виявляю, що деякі власники фірм не розуміють, як працює архітектурний дизайн веб-сайту. Поганий дизайн веб-сайт впадає у вічі відразу, при цьому ви можете довго ламати голову над тим, що ж змушує хороший дизайн працювати. Ця стаття змінить це.
Почніть проект дизайну веб-сайту вашої архітектурної фірми з визначення вашого ідеального клієнта та проблем, які ви вирішуєте для нього. Переконайтеся, що ваше повідомлення підкреслює цінність, яку ви надаєте.
Ви також бажаєте визначити чіткі цілі для свого веб-сайту. Ще в 1997 році більшість людей дивилися на веб-сайти як онлайн-брошури. Сьогодні очікуємо, що наші веб-сайти стануть важливим компонентом нашого процесу розвитку бізнесу. Звичайно, ви захочете увімкнути портфоліо робіт вашої фірми, але найкращі архітектурні рішення для веб-дизайну пов'язані зі створенням сайту, який допоможе вам залучити та зібрати кваліфікованих потенційних клієнтів.
Ми виявили, що найкращий підхід — обговорити вимоги вашого веб-сайту з вашою командою та професіоналом у галузі лідогенерації. Ви будете здивовані тим, як ваш веб-сайт може допомогти в залученні, вихованні та перетворенні відвідувачів на реальні можливості для продажу.
Я не можу переоцінити важливість залучення професійної допомоги у створення вашого сайту. Інтернет завалений невдалими проектами веб-дизайну, і це некрасиво. Насправді погано розроблений веб-сайт може зашкодити вашому бізнесу. Чи траплялося вам коли-небудь, щоб хтось казав: «До речі, вам дзвонив Джо Сміт? Я порекомендував вам вас і дав адресу вашого веб-сайту». Якщо ви нічого не чули від Джо Сміта, швидше за все це сталося тому, що він відвідав ваш сайт.
Архітектори, здається, схильні розглядати веб-сайти як проблему дизайну, хоча це не так далеко від істини. Веб-сайт, який не допомагає вам залучати потенційних клієнтів, – це марна трата часу та грошей. Відмінний дизайн, що демонструє вашу роботу, - це зрозуміло, але ваш веб-сайт повинен подобатися вашому ідеальному клієнту і пропонувати вирішення його проблеми. Якщо ви спробуєте спроектувати свій веб-сайт, щоб справити враження на конкурентів, ви згаяєте свій час і гроші.
Якщо ви готові розпочати розробку свого веб-сайту, зверніть увагу на ці п'ять факторів, щоб забезпечити успіх вашого веб-сайту.
Я бачив візуально красиві веб-сайти, які не працювали належним чином, та інші сайти, які не мали привабливого візуального дизайну, але вони перевершили більш привабливі сайти, тому що вони правильно враховували ці важливі фактори.
1. Дизайн для мобільних пристроїв насамперед
Ми більше не живемо в епоху настільних комп'ютерів та ноутбуків. Мобільний перегляд перевершив настільний перегляд. Фактично Google тепер використовує дизайн, оптимізований для мобільних пристроїв, як ключовий фактор ранжування в пошукових системах.
Браузеру простіше масштабувати невеликий веб-сайт на робочий стіл, ніж навпаки.
Це погіршує досвід користувача і може призвести до більш високого показника відмов. Думайте про своїх користувачів і проектуйте для пристроїв, що найчастіше використовуються.
Ви також повинні переконатися, що ваш сайт чудово виглядає на різних пристроях. Те, що він добре виглядає на iPhone, не означає, що він добре виглядатиме на Galaxy або iPad. Ви можете протестувати свій веб-сайт за допомогою онлайн-інструментів, які можуть емулювати уявлення на різних пристроях.
Пам'ятайте, що компанії, орієнтовані на цифрові технології, також мають бути мобільними. Обов'язково оптимізуйте свій сайт для мобільного користування.
2. Ставте пріоритет на швидкість
Сучасний дизайн сайту має бути оптимізований для швидкого завантаження. Хоча вам знадобляться великі високоякісні зображення, щоб продемонструвати ваше портфоліо проектів, для завантаження великих зображень потрібен час, а це означає втрату відвідувачів.
Замість того, щоб завантажувати файли розміром 10 МБ по всьому сайту, спочатку витратите час на зміну розміру та припасування зображень під максимально можливий розмір вашого текстового тіла. Зміна розміру фотографій – це найпростіший спосіб забезпечити вищу швидкість веб-сайту.
Ми рекомендуємо зберігати файли не більше 1500 пікселів по найдовшому краю. Ми також рекомендуємо мати розмір файлу зображення трохи більше 200 КБ. Одним із наших улюблених додатків для зменшення розміру зображення є Squash. Після завантаження все, що вам потрібно зробити, це перетягнути зображення до програми, і вона автоматично стисне їх. Супер швидко та легко!
Дізнайтеся більше про дизайн для мобільних пристроїв, швидкість завантаження сайту та інші передові методи веб-сайтів архітектурних фірм у нашій статті про п'ять причин невдач архітектурних веб-сайтів.
3. Контент, як і раніше, відіграє головну роль
Ваш веб-сайт має бути демонстрацією вашого досвіду та навичок архітектора. Однак, попри поширену думку, ваше портфоліо проектів — не найкращий спосіб повідомити цей досвід.
Ваше портфоліо, безумовно, відповідає на запитання, чи можете ви розробляти чудові проекти, але для більшості клієнтів ваша естетика — це лише одна причина, чому вони наймають вас. Вони мають більш нагальні питання, такі як «як ви працюєте», «які терміни», «яка вартість» та багато інших основних питань. Чим більше ви зможете відповісти на запитання вашої цільової аудиторії, тим більше часу вони будуть проводити на вашому сайті і тим більша ймовірність того, що вони зв'яжуться з вами.
Відмінне місце для початку - записати типові питання, які ви отримуєте від своїх клієнтів, коли ви на початкових етапах роботи з ними. Відповівши на ці запитання на своєму сайті, ви вирішите відразу кілька завдань:
1) Ви допоможете їм підтвердити, що вони прийшли у потрібне місце,
2) Ви заощадите час, відповідаючи на ті самі питання знову і знову, і
3) Ви залучите більше трафіку з пошукових систем, тому що це ті самі питання, які клієнти зазвичай намагаються дослідити, коли шукають відповіді в Google.
4. Дизайн
Так само, як дизайн будівлі повинен створювати відчуття гармонії та узгодженості, архітектура дизайну вашого веб-сайту повинна наслідувати цей приклад. Тим не менш, архітектори часто борються з процесом проектування веб-сайтів, тому що вони намагаються перевести свій тривимірний архітектурний стиль у двовимірний світ. Це рідко призводить до очікуваного ефекту і зазвичай призводить до того, що відвідувачі збиваються з пантелику.
Дизайн вашого веб-сайту має бути відображенням вашого бренду, а не переосмисленням вашої роботи. Нехай ваша робота виділиться сама по собі, відображена у високоякісній професійній фотографії.
Якщо ви ще не розробили посібник із візуального брендингу для своєї фірми, зробіть це, перш ніж зануритися в дизайн веб-сайту. Тримайте речі простими. Не перестарайтеся з шаленими поєднаннями шрифтів і кольорів і не намагайтеся адаптувати чужий стиль під свій власний.
Щоб отримати більш глибоке уявлення, прочитайте нашу статтю «Поради з архітектурного портфоліо». У ньому представлено п'ять ідей, як зробити ваше портфоліо визначним.
Як тільки ви будете задоволені стилем свого веб-сайту, ви також захочете подивитися, як ви можете поширити цей стиль у соціальних мережах та інших онлайн-каналах. Узгодженість дизайну в кожній точці, яку знайдуть ваші потенційні клієнти та клієнти, зміцнить вашу позицію та полегшить запам'ятовування вашої фірми.
Контент може приймати різні форми: статті в блогах, питання, що часто ставляться, подкасти, відео, інфографіка, слайди і безліч інших способів поділитися своїм досвідом. Знайдіть формат, який вам підходить, і намагайтеся регулярно додавати новий контент на свій веб-сайт.
5. Ясне повідомлення
Коли хтось відвідує ваш веб-сайт, важливо, щоб ваші повідомлення були чіткими та короткими. Протягом 10 секунд після того, як хтось зайде на ваш сайт, він повинен точно знати, що ви робите та для кого ви це робите. Ви хочете привернути увагу людей, а потім ще більше привернути їх на свій сайт:
Приверніть їхню увагу. Ваша домашня сторінка є місцем, де користувачі вперше отримають уявлення про те, що ви за компанія, яку роботу ви виконуєте і для кого ви це робите. Найпростіший спосіб передати своє повідомлення – використовувати захоплюючі зображення та лаконічний текст. Наприклад, якщо ваша фірма спеціалізується на індивідуальній житловій архітектурі, зробіть це основним повідомленням на домашній сторінці.
Залучіть їх. Тут ви можете розповісти свою історію та те, що відрізняє вашу фірму від інших.
Показати та розповісти. Настав час продемонструвати свої найкращі роботи, тематичні дослідження та відгуки клієнтів – чудові приклади для розміщення на вашому веб-сайті.
Майте заклик до дії. Тепер, коли ви втягнули їх, обов'язково дайте їм напрямок, що робити далі. Проста фраза "Зв'яжіться з нами, щоб почати", як правило, є найкращим способом спонукати їх до дії і дає вам важливу інформацію від них, щоб ви могли залишатися на зв'язку.
Правильний обмін повідомленнями на вашому веб-сайті також допоможе створити контент, багатий на ключові слова, який приверне людей до пошуку того, що ви робите.
Сучасний дизайн веб-сайту перетікає від сторінки до сторінки
У міру того, як дизайн вашого веб-сайту буде складатися, ви помітите, що щось здається природним, а коли ні. Ефективна архітектура веб-сторінки дозволить легко переміщати відвідувачів сайту зі сторінки на сторінку за допомогою інтуїтивно зрозумілих меню. Увімкніть лише один заклик до дії на кожній сторінці, щоб ви могли бачити, що працює найкраще.
Ваш сайт набирає швидкість? Перегляньте наш короткий контрольний список, щоб дізнатися!
У міру того, як дизайн вашого веб-сайту буде складатися, ви помітите, що щось здається природним, а коли ні. Ефективна архітектура веб-сторінки дозволить легко переміщати відвідувачів сайту зі сторінки на сторінку за допомогою інтуїтивно зрозумілих меню. Увімкніть лише один заклик до дії на кожній сторінці, щоб ви могли бачити, що працює найкраще.
- Чи оптимізовано ваш сайт для мобільних пристроїв? Оптимізація для мобільних пристроїв означає, що сайт буде переформатовано з настільних комп'ютерів, планшетів та смартфонів.
- Зображення на вашому сайті завантажуються одразу?
- Чи відображає ваш сайт ваш бренд та архітектурний стиль?
- Чи узгоджені ваші значки, шрифти та графіка на ваших цифрових платформах?
- Протягом 10 секунд після того, як хтось заходить на ваш сайт, чи зрозуміло, яку послугу ви надаєте та для кого ви її надаєте?
Як це ти зробив? Якщо ви відповіли НІ на одне або кілька цих питань, вам необхідно оновити свій веб-сайт.