Barbershop Landing Page Design
Розробив концепцію першого екрана для персонального сайту барбера Мейсона із Нью-Йорка. Мета проєкту створити сучасний дизайн, та допомогти клієнту сформувати бачення майбутнього сайту, визначити його основні задачі та розробити перший екран, який одночасно вирішує дві ключові функції:
1. презентує особистий бренд майстра
2. мотивує користувача записатися на стрижку.
Результат
Клієнт отримав концепцію першого екрана, яка знайомить користувача з майстром, підкреслює його професійний рівень і природно підводить до головної цільової дії — онлайн-запису.
Під час роботи над проєктом було поставлено такі цілі:
1. Створити сильне перше враження завдяки сучасній візуальній подачі;
2. Зробити особистість майстра головним елементом композиції;
3. Передати атмосферу преміального барбершопу;
4. Розробити адаптивний дизайн для десктопних і мобільних пристроїв.
У межах проєкту було виконано:
1. Допоміг клієнту сформулювати технічне завдання для першого екрана, перетворивши його ідеї та побажання на чіткий план майбутнього дизайну, який мав презентувати майстра, підкреслити його професійний рівень і зробити запис на стрижку максимально простим та зрозумілим;
2. Визначив, яку інформацію необхідно розмістити на першому екрані, щоб користувач швидко познайомився з майстром, отримав відповіді на основні питання та міг одразу записатися на стрижку: досвід, рейтинг, відгуки клієнтів, послуги, контакти, навігацію та кнопку Book Now;
3. За допомогою добірки референсів допоміг визначити візуальний стиль сайту, який найкраще підкреслює особистий бренд, професійний статус і преміальність клієнта;
4. Оскільки клієнт не мав фотографій, які підходили б для дизайну сайту, зібрав його фотографії з Instagram, а на їх основі за допомогою нейромереж створив нові зображення, які використав у фінальному дизайні сайту;
5. Зробив дизайн понад 20 варіантів першого екрана та презентував клієнту 3 різні дизайнерські рішення, щоб він міг порівняти композицію, типографіку, кольорову палітру й обрати варіант, який найкраще передавав характер його бренду;
6. Після затвердження десктопної версії адаптував дизайн для мобільних пристроїв.
Як проходила робота:
- Брифінг і постановка задач — 3 год
- Планування структури першого екрану (UX) — 2 год
- Визначення візуального стилю — 3 год
- Генерація фотографій — 2 год 40 хв
- Розробка концепцій (20+ варіантів) — 6 год
- Адаптація мобільної версії — 3 год
- Підготовка макетів до верстки — 1 год
Час та вартість реалізації:
- Загальний час: 20 год 40 хв
- Погодинна ставка: $20/год
- Вартість проєкту: $413
Сподобався мій підхід до роботи? Напишіть мені — із задоволенням допоможу реалізувати ваш проєкт.
#webdesign
#webdesigner
#landingpage
#landing
#website
#uidesign
#uxdesign
#figma
#herosection
#uiux
#barbershop
Розробив концепцію першого екрана для персонального сайту барбера Мейсона із Нью-Йорка. Мета проєкту створити сучасний дизайн, та допомогти клієнту сформувати бачення майбутнього сайту, визначити його основні задачі та розробити перший екран, який одночасно вирішує дві ключові функції:
1. презентує особистий бренд майстра
2. мотивує користувача записатися на стрижку.
Результат
Клієнт отримав концепцію першого екрана, яка знайомить користувача з майстром, підкреслює його професійний рівень і природно підводить до головної цільової дії — онлайн-запису.
Під час роботи над проєктом було поставлено такі цілі:
1. Створити сильне перше враження завдяки сучасній візуальній подачі;
2. Зробити особистість майстра головним елементом композиції;
3. Передати атмосферу преміального барбершопу;
4. Розробити адаптивний дизайн для десктопних і мобільних пристроїв.
У межах проєкту було виконано:
1. Допоміг клієнту сформулювати технічне завдання для першого екрана, перетворивши його ідеї та побажання на чіткий план майбутнього дизайну, який мав презентувати майстра, підкреслити його професійний рівень і зробити запис на стрижку максимально простим та зрозумілим;
2. Визначив, яку інформацію необхідно розмістити на першому екрані, щоб користувач швидко познайомився з майстром, отримав відповіді на основні питання та міг одразу записатися на стрижку: досвід, рейтинг, відгуки клієнтів, послуги, контакти, навігацію та кнопку Book Now;
3. За допомогою добірки референсів допоміг визначити візуальний стиль сайту, який найкраще підкреслює особистий бренд, професійний статус і преміальність клієнта;
4. Оскільки клієнт не мав фотографій, які підходили б для дизайну сайту, зібрав його фотографії з Instagram, а на їх основі за допомогою нейромереж створив нові зображення, які використав у фінальному дизайні сайту;
5. Зробив дизайн понад 20 варіантів першого екрана та презентував клієнту 3 різні дизайнерські рішення, щоб він міг порівняти композицію, типографіку, кольорову палітру й обрати варіант, який найкраще передавав характер його бренду;
6. Після затвердження десктопної версії адаптував дизайн для мобільних пристроїв.
Як проходила робота:
- Брифінг і постановка задач — 3 год
- Планування структури першого екрану (UX) — 2 год
- Визначення візуального стилю — 3 год
- Генерація фотографій — 2 год 40 хв
- Розробка концепцій (20+ варіантів) — 6 год
- Адаптація мобільної версії — 3 год
- Підготовка макетів до верстки — 1 год
Час та вартість реалізації:
- Загальний час: 20 год 40 хв
- Погодинна ставка: $20/год
- Вартість проєкту: $413
Сподобався мій підхід до роботи? Напишіть мені — із задоволенням допоможу реалізувати ваш проєкт.
#webdesign
#webdesigner
#landingpage
#landing
#website
#uidesign
#uxdesign
#figma
#herosection
#uiux
#barbershop