Приклади особистих сайтів: 6 розібраних макетів
Приклади особистих сайтів для пошуку клієнтів, розвитку аудиторії та професійної репутації. Розбір способів зв’язку й підтверджень, таблиця та бриф.
Більшість особистих сайтів має одну з трьох цілей: залучати клієнтів на фрилансі, збільшувати аудиторію читачів або підтверджувати професійну репутацію, коли хтось шукає ваше ім’я. Макет, підтвердження й кнопка зв’язку залежать від мети. Нижче — шість макетів We.Inc, створених за запитом в одне речення й згрупованих за цілями. Це приклади дизайну, а не сайти реальних людей.
Як ми вибрали приклади
По два приклади для кожної цілі. Для кожного ми описуємо спосіб зв’язку (як відвідувач може звернутися) і підтвердження компетентності (що додає довіри), а також те, що потрібно додати перед запуском власного сайту. Ми не заявляємо про трафік чи кількість звернень для жодного прикладу.
Мета 1: залучати клієнтів на фрилансі
1. Фрилансер (приклад дизайну з добірки «фрилансери»)
- Спосіб зв’язку: кнопка «Обговорити проєкт» після кожного розділу веде до короткої форми (що потрібно, коли й діапазон бюджету).
- Підтвердження компетентності: три короткі кейси з описом проблеми, вашої ролі й результату. Додавайте імена клієнтів лише з їхнього дозволу.
2. Ілюстратор (приклад дизайну: «Illustrated Ink»)
- Спосіб зв’язку: сторінка замовлень з інформацією про доступність («запис відкрито з березня»), щоб відвідувачі могли зрозуміти, чи підходить їм строк.
- Підтвердження компетентності: самі роботи, згруповані за призначенням (редакційні матеріали, пакування, книжки).
Мета 2: збільшувати читацьку аудиторію
3. Автор (приклад дизайну: «Vancouver Author Co.»)
- Спосіб зв’язку: головна дія — підписка на розсилку; запити від преси й щодо заходів надходять на окрему адресу електронної пошти.
- Підтвердження компетентності: обкладинки книжок із посиланнями на продавців, уривок із книжки і посилання на опубліковані матеріали.
4. Коуч зі здоров’я (приклад дизайну: «Peak Health Coaching»)
- Спосіб зв’язку: безкоштовні статті ведуть до підписки на розсилку, а з неї відвідувач переходить за посиланням для запису.
- Підтвердження компетентності: сертифікація з посиланням на реєстр організації, яка її видала. Не обіцяйте результатів для здоров’я.
Мета 3: підтверджувати професійну репутацію
5. Кар’єрний коуч (приклад дизайну: «Ascent Career Coaching»)
- Спосіб зв’язку: одне посилання для ознайомчого дзвінка, а не довга форма.
- Підтвердження компетентності: досвід роботи з назвами роботодавців і посилання на ваш профіль LinkedIn, щоб відвідувачі могли перевірити інформацію.
6. Консультант (приклад дизайну: «Catalyst Consulting»)
- Спосіб зв’язку: адресу електронної пошти наведено відкритим текстом, також є форма, адже керівники часто воліють писати напряму.
- Підтвердження компетентності: виступи, статті й чітка позиція щодо проблеми, яку ви розв’язуєте.
Почніть створювати сайт для свого бізнесу
Порівняння за метою
| Фриланс | Читачі | Репутація | |
|---|---|---|---|
| Головна дія | Запит щодо проєкту | Підписка на розсилку | Ознайомчий дзвінок або лист |
| Найкраще підтвердження | Кейси | Опубліковані матеріали | Зазначений досвід, виступи |
| Головний блок на домашній сторінці | Що ви робите і для кого | Останні роботи | Ваше ім’я й один рядок про посаду |
| Обов’язкова сторінка | Роботи / послуги | Тексти або книжки | Про мене |
| Частота оновлення | Після кожного проєкту | З кожною новою публікацією | Кілька разів на рік |
Бриф особистого сайту для копіювання
Ім’я й короткий опис:
Головна мета сайту: фриланс / читачі / репутація
Хто має сюди потрапити:
Яку одну дію я хочу від них:
Підтвердження з посиланнями (проєкти, статті, сертифікати, профілі):
Сторінки: Головна, Про мене, Роботи/тексти, Контакти (+ інші)
Моє фото: так/ні
Тон: офіційний / дружній / простийЩо варто взяти за основу, а що не копіювати
- Візьміть за основу: одну головну дію на сайті, підтвердження поруч із нею та справжнє фото.
- Не копіюйте: відгуки-заповнювачі, логотипи клієнтів чи кількість підписників із шаблону. Замініть їх фактами, які можна перевірити, або приберіть.
- Якщо можете, зареєструйте домен зі своїм ім’ям. Це адреса, яку люди вводитимуть після знайомства з вами.
Коли чернетка буде готова, перевірте її за допомогою оцінювача сайту. Для сайтів із портфоліо дивіться приклади сайтів-портфоліо.
Почніть із відповідного шаблону
Виберіть дизайн у розділі шаблонів і відредагуйте його в конструкторі сайтів We.Inc. План Free дає змогу створити до 3 сайтів на основі шаблонів з адресою we.inc, без кредитів ШІ та власного домену. Власний домен із вашим ім’ям і створення сайтів за допомогою ШІ доступні на плані Starter за $20 на місяць (ціни). Порівняйте витрати за допомогою калькулятора вартості сайту.
Почніть створювати сайт для свого бізнесу
Поширені запитання
Що має бути на особистому сайті?
Чіткий опис того, хто ви й чим займаєтеся, підтвердження, які можна перевірити, сторінка про вас і одна головна дія, наприклад запит, підписка на розсилку чи запис на дзвінок.
Чи потрібен власний домен для особистого сайту?
На початку — ні, але домен із вашим ім’ям легше запам’ятати й поширювати. У We.Inc власний домен доступний на плані Starter за $20 на місяць; план Free використовує адресу we.inc.
У прикладах показані реальні люди?
Ні. Це приклади дизайну, створені We.Inc за запитом в одне речення й позначені як демонстраційні.
Почати безкоштовно · Банківська картка не потрібна
Product
- AI Website Builder: Describe a site in plain English; it's live in minutes
- White Label Platform: Your brand, your domain, your margin
- Enterprise: SSO, custom SLAs, and dedicated support
- Developer API: Embed site generation into your SaaS
Who It's For
- For Agencies: Resell under your brand
- For Freelancers: Your own branded builder
- For Hosting Providers: Add a builder to your stack
- For SaaS Platforms: Embed site creation via API
- For Startups
- For Financial Services
- For Healthcare
Features
- Drag & Drop Editor
- Built-in SEO Tools
- Custom Branding
- Client Dashboard
- Reseller Billing (Stripe Connect)
Resources
- Blog
- Help Center
- Free Business Tools
- Website Templates
- Glossary & Guides
- Integrations
- Developers
- Benchmark
- Windows App