Кейс
ОСНОВНЫЕ РЕШЕНИЯ И ПРОЦЕССы
обучающую платформу
для курса по ИЗГОТОВЛЕНИю декоративных изделий для дома из эпоксидной смолы
Как я делала сайт
Юлия Гарипова, создатель декоративных изделий для дома из эпоксидной смолы
Все видео курсы у Юлии находились на разных закрытых аккаунтах в Инстаграм. После известных событий он был в России заблокирован
заказчик
Перенести все курсы на собственный сайт. Настроить и оформить личный кабинет для пользователей и автоматизировать процессы
проблематика
задача
ОСНОВНЫЕ РЕШЕНИЯ И ПРОЦЕССы
погружение в задачу
#02
Этап 01
Скачать все видео из Инстаграм. У Юлии видео не были сохранены. Затем сжать их, чтобы сайт не зависал от перегрузки
Видео нельзя было напрямую на сайт загрузить, их нужно было поместить на какой-либо сервис и с помощью html интегрировать на сайт
Этап 02
Создать и настроить личный кабинет, а также оформить дизайн и удобную навигацию для закрытых страниц
этап 03
перенос курсов
Подготовлено и обработано около 150 видео
этап 01
Подготовка
Я их обрабатывала, подписывала, сортировала по урокам и писала сопровождающие тексты
Таким образом мы перенесли в общей сложности около 150 видео. Работа длилась примерно 2 месяцa
Все видео были скачены Юлией с Инстаграм и залиты на Яндекс диск. Я получала ссылки на видео с комментариями к какому уроку они относятся
Поддержу с подготовкой контента: при необходимости напишу тексты, проведу фотосессию, обработаю готовые фото, отредактирую видео или подберу иллюстрации
Поэтому мы решили воспользоваться Dropbox
этап 02
интеграция
YouTube не обеспечивал защиту от скачивания контента
На момент создания сайта я знала 2 сервиса (Vimeo и YouTube), благодаря которым можно было интегрировать видео-уроки на сайт
Оплата за пользование Vimeo была заблокирована для России
Но оба не подходили под нашу задачу:
1
2
Для интеграции видео-уроков на сайт нужен был ещё промежуточный сервис (видеоплейер), генерирующий ссылку, которую можно было вставить в html-код. Готовый код я вставляла на сайт
В этот момент выяснилось, что перемотка и ускорение видео с этим плеером не возможны на смартфонах и видео-уроки с сайта мог скачать любой пользователь
Так как я не профи в написании кода, то нужна была помощь более опытного разработчика. И с одобрения Юлии я попросила знакомого программиста написать нам код, который защитит контент от скачивания
клиентка была довольна
Сами видео долго подгружались, а на айфонах плеер глючил
Осталась проблема с перемоткой и ускорением видео на смартофанах
НО меня не устраивал результат
HTML кода очень замедляли загрузку сайта, их было много
1
2
3
Я всё таки нашла сервис, в котором был уже встроен удобный плеер, есть защита от скачивания и возможность оплачивать из России
Все видео я перенесла на новую платформу безвозмездно
как я решаю эту задачу
Мало ли что может стать с разработчиком, главное, чтобы сайт работал и дальше без моего участия
Так как это была моя ошибка: не нашла сразу оптимальное решение
Интегрирую все нужные вам сервисы и виджеты. а также посоветую проверенного специалиста, если не хватит моих знаний
Интегрирую все нужные вам сервисы и виджеты. а также посоветую проверенного специалиста, если не хватит моих знаний
этап 03
личный кабинет
У курсов разные цены и для каждого курса была создана отдельная группа, куда пользователи могут самостоятельно авторизоваться после оплаты и получения логина и пароля на электронную почту
#ffffff
#f2e7dc
#b18559
#4d484a
дизайн
Упаковываю все технические моменты в дизайн. Сразу хочу заметить, анализа рынка я не делала, потому что это не имеет никакого значения для закрытых страниц курсов. Я взяла просто фирменные цвета бренда
Часы с ассиметричным расположением циферблата
Для создания потребовалось:
- Артборд с подрамником
- Белый, жемчужный красители
- Пигменты gold и white pearl
- Всплывающий порошок
- Дрель, фен
- Натуральные камни
- Густая смола 450 гр
- Жидкая смола 220 гр
вернуться к оглавлению
техподдержка
Если у вас возникнут любые технические вопросы, связанные с работой сайта, вы можете задать их в группе в телеграм
Использованные шрифты: Alegreya Sans и фирменный шрифт Tilda Sans
Общее количество созданных страниц 150
Кроме 150 видео, о которых я уже упоминала, были обработаны и загружены более 200 изображений готовых изделий
С таким дизайном создано 150 страниц. На каждой странице есть от одного до трех обучающих видео с текстовым сопровождением
Есть возможность связаться с техподдержкой (т.е. со мной разработчиком сайта) прямо из каждого урока
1
2
3
4
Расширенный курс
Привет, Татьяна
Тебе доступны
53
62
Урока
Видео
На всём сайте использованы языки программирования: Html, Java, CSS. Для оформления, функционала и чтобы сделать приятно ученикам. Пример: персональное обращение по имени на главной странице каждого курса
После каждого урока были вставлены кнопки для удобного перехода от одного урока к другому. Также можно из каждого урока вернуться на главную страницу
Важно - забота о пользователях
И так, как в курсах много уроков горизонтальное меню для такого сайта не удобно, поэтому я сделала его вертикальным и чтобы оно не занимало большую часть страницы оно закрывается автоматически
Навигация
Важная СОСТАВЛЯЮЩАЯ
#03
чТО ЕЩЁ СДЕЛАНО
Чтобы сайт полноценно работал и смог принимать посетителей
1
Адаптация под все устройства: мониторы разных размеров, планшеты и телефоны
2
Технические штуки: типа домена, оплата, личный кабинет, но без SEO. Сайт скрыт от поиска
3
Автоматизированы отправка подтверждение оплаты и данных для доступа в личный кабинет
завершающий пункт
#04
обучающее видео
Это лишь небольшой отрывок. Юлия получила полное видео. Но мы поддерживаем с ней связь, т.к. на сайте использовался JavaScript и CCS, она не может все делать сама, ей нужна моя помощь
Владелица сайтом может сама управлять сайтом
Для такого большого сайта обычно я ещё минимум месяц оказываю бесплатную техподдержку. Мало ли что может слететь или владелец сайта нечаянно что то удалит
Кроме записанного видео по управлению сайта, показываю и объясняю где и что можно поменять или исправить
Обучающая платформа у меня на постоянной технической поддержке
обслуживание сайта
техподдержка
#05
Оказываю пожизненную бесплатную КОНСУЛЬТАЦИю. вы можете задавать вопросы по работе созданного мной сайта, отвечаю обычно в течении дня
Оказываю пожизненную бесплатную КОНСУЛЬТАЦИю. вы можете задавать вопросы по работе созданного мной сайта, отвечаю обычно в течении дня
Примерно такой объем: до 120 страниц с перечисленными возможностями и интеграциями
от
599€
С созданием личного кабинета, обработкой фото и видео, защитой контента от скачивания
от
30 рабочих дней
Без учёта на вашу обратную связь и доработки контента
сколько будет стоить?
создам и вам ТАКОЙ ЖЕ сайт
#06
Content Oriented Web
Make great presentations, longreads, and landing pages, as well as photo stories, blogs, lookbooks, and all other kinds of content oriented projects.
