Vlad bondarenko Індивідуальний сайт

Індивідуальний сайт #Mr.Bondarenko для повної демонстрації власного портфоліо, підходу до роботи, та команди, яка працює над кожним успішним заходом за участю #Mr.Demin як на стадії підготовки, так і у справі!

Vlad bondarenko Індивідуальний сайт

Індивідуальний сайт

ОПИС

ЗАДАЧА

Залучення клієнтів, демонстрація бренду та іміджу, оновлення дизайну на більш фірмовий та новий.

ТЕРМІНИ

2 місяців або 245 годин

КОМАНДА

5 людей

МІСТИТЬ В СОБІ

Logo, website

ТЕХНОЛОГІЇ

- Waterflow
- Axure
- UI\UX
- Mental map
- Architect
- Html, CSS, JS
- Jquery
- WordPress, PHP

Подивитись

читать больше

Перед початком проєкту

Влад Бондаренко є одним із засновників компанії lexpartners.de і після того, як ми завершили сайт для команди LexPartners – ми отримали замовлення від трьох учасників команди на створення своїх персональних вебсайтів для індивідуального просування власного бренду і візитної картки

ЗАДАЧІ

Проєкт Vlad bondarenko має виконувати три функції:

Залучення клієнтів за допомогою Google Adwords, з направленням на конкретного ведучого і/чи детальною сторінкою запитуваної послуги.
Залучають нових і тренують наявну аудиторію через CEO. У нашому випадку це блог, розділений на колонки про те, як почати і як закінчити весілля.

Презентація досвіду та портфоліо ведучих у Європі та СНД.

Оновлення дизайну, на більш прогресивний та новий

Аналітика, ментальна карта та архітектура проєкту

Ми прийняли рішення створювати окремі статті та ділитися досвідом, практикою Влада як неймовірно сильного спікера, який ми втілили у блозі.

Наш сайт повинен був служити платформою для просування в Google Ads і цільової реклами, також SEO Для цього, ми придумали ідею, створювати кожну з послуг як окремий односторінковий сайт, щоб отримати найбільші конверсії з цільової реклами на цих сторінках, а також скоротити бюджет на просування, оптимізуючи рекламні кампанії для кожної служби окремо

Аналогічно LexPartners – структура сайту була -> Головна, послуги, детальні послуги, блог, рубрика і детальні новини. І найголовніше, що відділяє нас від конкурентів, це наше портфоліо. Так, звичайно, жоден ведучий, окрім кількох фотографій, які він не зміг би показати на своєму сайті, а це означає, що кожен, хто шукає ведучого на нашому сайті, зможе побачити який кожен з наших ведучих у ділі. Почути голос, побачити поведінку, виступ, конкурси та урочистості. І що важливіше — це якість фільмування, монтажу і фото.

АНАЛІТИКА, МЕНТАЛЬНА КАРТА ТА АРХІТЕКТУРА ПРОЄКТУ

Перше, що потрібно було зробити в проєкті, це ознайомитись з конкурентами, їхніми методами просування, реклами та методами роботи. Як згадувалося раніше, компанія Lex&Partners новатори даних послуг і конкурентів просто не знайшлося, і ми перейшли в аналіз ринку з Європи – в СНД.

Таким чином, ми отримали список російськомовних ведучих, які практикують на іншому ринку подібні послуги з нашими. На цьому етапі БУВ зібраний ТОП-20, з якого ми продовжували аналізувати ринок.

Незабаром було виявлено, що реклама, як така, серед конкурентів присутня тільки за відомими каталогами, що означає, що ніша для реклами та CEO – повністю відкрита, від цього ми відштовхувались при побудові структури проєкту.

Головна, послуги, детальні послуги, блог, рубрика і детальні новини. І найголовніше, що відділяє нас від конкурентів, це наше портфоліо. Так, звичайно, жоден ведучий, окрім кількох фотографій, які він не зміг би показати на своєму сайті, а це означає, що кожен, хто шукає ведучого на нашому сайті, зможе побачити який кожен з наших ведучих у ділі. Почути голос, побачити поведінку, виступ, конкурси та урочистості. І що важливіше — це якість фільмування, монтажу і фото.

Зібравши всі козирі в рукаві – пішла стадія архітектури проєкту, якою ми з радістю ділимось з вами.

Вибір технологій та рішень

Перед початком проєкту, як і будь-якого іншого проєкту, ми мали бюджет і часові рамки. У нашому випадку – ми повинні були отримати продукт, який би вклав у нього багато функціональності та бізнес-логіки, зберігаючи при цьому можливість доопрацювання. Тому ми вирішили застосувати методологію BEM на невеликому проєкті, за допомогою якого ми могли б змінити будь-які частини сайту, не пошкодивши інші. Система для проєкту, для скорочення витрат була вибрана CMS WordPress, оскільки. Були потреби у створенні конструктора сторінок, за допомогою якого в цій CMS вже існує Repiter

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

Front-end етап проєкту: BEM, Bootstrap 4, CSS, LESS, SASS, HTML5, JS, GIT, GULP

Під час етапу запуску проєкту нам було важливо зрозуміти, хто прийшов до нас і звідки, зібрати різні аналітики та збільшити конверсію проєкту. А також, нам було доручено розрізняти користувачів за ступенем зацікавленості.

АДАПТИВНИЙ ДИЗАЙН ПОРТАЛУ

Однією з ключових речей, які були потрібні в проєкті – зручний інтерфейс UI/UX, який буде зручно використовувати на будь-якому пристрої. Для цього весь дизайн створювався окремо в розширенні 2560, 1920, 1680, 1366, 1024, 768 і 320 640. Такий підхід дав можливість використовувати портал на будь-яких пристроях. Інтерфейс був протестований контргрупою і всі коментарі користувача були враховані. Всього було складено понад 300 макетів, з урахуванням різних розширень і ми раді реалізувати всі побажання користувачів і клієнтів. Саме на цьому етапі архітектура проєкту була остаточно схвалена клієнтами, і все, що залишилося, реалізувати проєкт на Front-end і Back-end

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

Для того, щоб проєктом міг займатися будь-який розробник – був створений Style Guide, який описував всі стандарти використання будь-яких елементів сайту з правилами, як правильно і де які елементи можна застосовувати.