ilavista

How to Move

Тип проекта

Социальная платформа

Клиент

ООО «АВЕНИ»

Услуги

Technical Requirement

UX/UI-design

Front-end / Back-end

QA

Production

Support

Срок реализации

6 месяцев

01 howtomove.help

Рассказываем про этапы
разработки howtomove.help

В разработке онлайн-сервисов важен опыт команды. Сложная платформа - это взаимодействие между собой нескольких категорий пользователей. Важной особенностью платформы является полная самостоятельность пользователей, без участия платформы. Поэтому интерфейс должен быть полностью “Do yourself”. Все сервисы разрабатываются для монетизации идеи. С кого зарабатывать, какую систему монетизации выбрать. Как масштабировать заработок платформы и организация? Все эти вопросы также были на стороне команды ilavista. В итоге клиент получил готовый продукт “под ключ”.

Первым этапом разработки было написание технического задания. Для хранения технических требований по проекту, контроля версий и формирования бэклога на будущее мы использовали confluens. Техническое задание формировал бизнес-аналитик. Все пользовательские сценарии, структуру личных кабинетов и бизнес-логика - все это было на стороне команды ilavista. Клиенту оставалось только согласовывать.

Все исследования (создание карт ценностного предложения, персон, CJM и сценариев) делаются в Figma.

Инструменты: Figma, Sketch (для интерфейсов и прототипирования), Adobe Photoshop, Adobe Illustrator (для графики), InVision (для прототипирования), Adobe After Effect (для видео-контента).

Инструменты: Vue.js (vuex, vue-router и т.д.), Bootstrap 5, GSAP, html, css, js.

Технологии: AMP (технология google для ускорения загрузки и работы сайта), SPA (технология для работы сайта без перезагрузки страниц), PWA (для функциональности мобильного приложения).

Используем Laravel Framework (v9) - php-фреймворк с открытым кодом, а также сопутствующие технологии (MySQL, Redis, Docker, socket.io и др.)

Каналы: контент-маркетинг, поисковое продвижение (SEO), платная реклама (поисковая, медийная, таргетированная)

Инструменты: Google аналитика, Yandex метрика (инструменты веб-аналитики), сторонние сервисы для создания квизов, лид-форм, отложенного постинга, масслукинг/масслайкинг, чат-боты, всплывающие окна.

02 Вход / Регистрация

Вход / регистрация на платформе осуществляется через электронную почту или социальные сети, такие как google, facebook, apple. Пользователь также может пользоваться сервисов без регистрации.

01 - Регистрация через email
02 - Аккаунт был отключен
03 - Вход через email
04 - Забыли пароль
03 Главная + Страница направления

На главной странице отображаются самые популярные / свежие статьи, а также ваша личная лента подписок с самыми релевантными статьями для вас. Знаете точное место, куда хотели бы переехать? Выбирайте страну из списка, используйте фильтр по тегам и переходите на страницу направления!

Alt text
04 Сетка + Типографика + Цвета
05 Статья

Читайте статьи по интересующим вам направлениям, делитесь своим мнением в комментариях и добавляйте статьи в избранное, чтобы легко найти их снова в будущем ;)

Alt text
06 Авторы, компании и направления

На платформе вы сможете найти множество авторов и компаний, которые помогают с релокейтом в разные страны. Подписка на учетные записи и направления — это простой способ следить за своей хроникой и узнавать, что происходит с интересующими вас пунктами назначения.

Alt text
07 Страница автора + Страница компании
01 - Профиль автора
02 - Профиль компании
08 Admin Panel

Проект «How to Move» включает в себя более 500 отрисованных экранов как десктопной версии (1440 х 900), так и мобильной версии (360 x 640). Разработка дизайна длилась 3 месяца.

01 - Профиль автора
02 - Admin Panel / Пользователи
03 - Admin Panel / Пользователь ФЛ
04 - Admin Panel / Заявки на волонтерство
05 - Admin Panel / Заявка
06 - Admin Panel / Жалобы
07 - Admin Panel / Чат поддержки
08 - Admin Panel / Менеджеры

+ 500 экранов

09 Наши контакты

Остались вопросы или хотите заказать разработку сайта? Заполните форму обратной связи, и мы свяжемся с вами в рабочее время!

Тип услуги
Бюджет
Loading...