Огляд
«Зробіть як ось цей сайт» — найчастіший запит на новий сайт і найважчий для виконання: уявлення про «як» розходяться, і готова верстка поступово перестає нагадувати референс. Ця послуга перетворює референс на те, що можна перевірити: спершу письмовий бриф, наприкінці — вимірювана звірка.
Результат: новий сайт зі своїм контентом і брендом, що має ту саму структуру, ритм і відчуття, що й референс, а збіг підтверджений скриншотами, а не словами.
Як це працює
- Бриф референсу. Один раз, делікатно, переглядаю живий сайт: структура сторінки, порядок і висота секцій, ролі кольорів, типографічна шкала, відступи, радіуси, брейкпоінти, що рухається і як. Для цілого сайту проходжу головною навігацією, щоб охопити різні типи сторінок (головна, список, деталі). Результат: короткий документ і файл токенів, які ви можете прочитати й виправити до початку верстки.
- Ваш контент і бренд. Ваші тексти, фото, логотип, ваші кольори там, де палітра референсу не підходить. Бриф визначає структуру й пропорції, але ніколи не постачає контент.
- Верстка. HTML/CSS вручну (і трохи JavaScript там, де потрібна поведінка): статичний сайт, Jekyll або шар теми поверх наявного магазину OpenCart. Світла й темна теми, якщо вони є в референсі, українська й англійська версії, коли потрібні обидві.
- Вимірювана перевірка. Скриншоти референсу й верстки на ширині десктопа й телефона, піксельне порівняння розкладки (мета: щонайменше 98% пікселів збігаються в межах допуску, а висоти сторінок відрізняються на кілька пікселів, де структура має збігатися), плюс прохід клавіатурою й перегляд обох тем. Розбіжності перелічені з причинами, а не приховані.
- Передача. Репозиторій з кодом, розгорнутий сайт, бриф і токени дизайну, щоб наступна зміна не починалась з нуля.
Що ви отримуєте
- Письмовий бриф референсу й файл токенів дизайну
- Готовий сайт у вашому репозиторії та на вашому хостингу
- Адаптивну верстку, перевірену на десктопі й телефоні, зі скриншотами порівняння
- За бажанням: двомовність UA/EN, світла/темна тема, форма заявки на email, у Telegram або в CRM
Межі
- Тексти, фотографії, ілюстрації, логотипи й шрифти референсу не копіюються; для комерційних шрифтів добираю безкоштовні аналоги.
- Жодного обходу захисту від ботів і жодних сторінок входу, оплати чи банкінгу як референсу.
- Сайт, що свідомо далекий від референсу (інша аудиторія, інший бренд) — це дизайн-проєкт, а не ремейк, і оцінюється як такий.
Стек
HTML, CSS, JavaScript, Jekyll, OpenCart, токени дизайну, Chromium для візуальних перевірок