Портфолио Сергея Китина

Кейс сайта "Учим по ди-джейству"

Проект редизайна сайта школы ScratchDJ School

О проекте: не коммерческий проект
Цель проекта: привлекательный для посетителя проект с атмосферой современной зажигательной музыки. Привести в соответствие зажигательный видео ряд на существующем сайте школы с не выразительным оформлением контента.
Требования: многостраничный сайт адаптированный для различных устройств

Типографика

Цветовые решения

Дизайн проекта и анимация для сайта выполнены с использованием Figma.
Сайт создан на Tilda.

Изображение планшета и компьютера на экранах которых рисунки сайта DJ школы

Учим ди-джейству

DJ School – это творческое пространство для всех, кто любит музыку и хочет реализовать свой творческий потенциал

Страницы преимуществ школы оформлены с рисунками

Записаться на пробный урок

Запишись на курсы

Мы предлагаем специализированные курсы как для начинающих, так и для тех, кто хочет освежить или прокачать уже имеющиеся навыки.
Курсы Beginner, Scratch Dj, true Spin, Level Up, Beatmaking, а также создания музыки в Ableton и др.
Из данных курсов, уроков и тренингов - любой найдет подходящий для себя вариант обучения.

О курсах

Информационные страницы сайта

Послушай трек Послушай трек Послушай трек Послушай трек Послушай трек Послушай трек Послушай трек Послушай трек Послушай трек Послушай трек Послушай трек Послушай трек Послушай трек Послушай трек

Предложен индивидуальный план работы для слушателя курса

Индивидуальная страничка преподавателя школы

Эта кнопка Play активна. Жми смело!

Посмотреть видео

Услуги

Страничка о компании

О компании

Мы поставляем самое необходимое оборудование для диджеинга по всей России более 3-х лет. Мы официальные дистрибьюторы первого в мире контроллера для DVS - Phase
Dj. Консультируем, обучаем и помогаем настроить железо для диджеев как онлайн, так и оффлайн. Приходите в нашу студию Scratch Dj School.

СПАСИБО

Cover designed by Freepik foto

Кейс: интернет-магазин

Действующий сайт: https://tort-moscow.ru

Цель проекта:

О проекте:

Коммерческий проект

Увеличить число продаж через сайт

Требования:

Для кого:

Для заказчика-кулинара

Удобный и интуитивный интерфейс с конструкторами тортов "на свой вкус", позволяющими после выбора ингредиентов сориентироваться по цене торта и сделать заказ.

Сайт интернет магазина "Торты и тарты в Москве"

Создать новый сайт на Tilda и заложить элементы фирменного стиля.
Создать контент для сайта, создать Каталог продукции, создать карточки товаров.
Обеспечить адаптацию страниц и конструкторов под различные устройства.

Создать простую форму заказа с калькулятором и с выбором торта по 3 параметрам.
Создать альтернативную понятную форму заказа торта с калькулятором и возможностью выбора вкуса и оформления заказа по 7 параметрам, (некоторые параметры представлены с большим разнообразием и предполагают выбор из 14-ти наименований возможных бисквитов или видов мусса).

Встроенный в форму заказа калькулятор предоставляет возможность покупателю сразу оценить стоимость заказа в зависимости от его выбора ингредиентов.

Цветовое решение

Типографика

C3EEE1

37D750

86963E

BEEBC2

E9DD77

A5A1A1

Circe Rounded

Rounded Mplus 1c

-заголовок

-текст

-заголовки H1 и H2

Вишневое муссовое пирожное

Вишневый компот

Вишневое муссовое пирожное

Кули Вишня

Шоколадный мусс

Вишневое муссовое пирожное

Вишневый компот

Шоколадная глазурь

Кули Вишня

Вишневый компот

350 р.

Шоколадный мусс

Кули Вишня

Шоколадная глазурь

Шоколадный мусс

Заказать

350 р.

Шоколадная глазурь

350 р.

Заказать

Муссовое пирожное Лемон-
Лемонграсс, вес 95 гр.

Миндально-лимонное сабле

Заказать

Взбитый лимонный ганаш

Лимонное кремю с лемонграссом

Шоколадная глазурь

Ванильная намелака

350 р.

Заказать

Малиновое муссовое пирожное

Шоколадный бисквит

Малиновый джем

Шоколадный мусс

Зеркальная глазурь

Хрустящий слой

350 р.

Заказать

Тарт Кокос Карамель

Хрустящий слой с миндальными лепестками

Карамелизированные миндальные лепестки

Кокосовое кремю

Кокосовая карамель

Взбитый кокосовый ганаш

Кокосовое сабле

400 р.

Заказать

Муссовое пирожное Мандарин

Мандариновый джем

Бисквит Джаконда с штраузелем

Мусс из молочного шоколада

350 р.

Заказать

Тарт Маковый

Мандариновое сабле с маком

Маковый франжипан

Лимонный ганаш

Лимонная меренга

400 р.

Заказать

Дизайн страниц сайта адаптирован к различным устройствам

Тарты и муссовые пирожные

Вид страницы каталога тартов на планшете

Для телефонов карточки товаров располагаются в столбик

Взбитый лимонный ганаш

Вид страницы каталога тартов на экране компьютера

Дизайн страниц сайта адаптирован к различным устройствам

Вид страницы каталога тартов на планшете

Для телефонов карточки товаров располагаются в столбик

Предлагаем Вам на выбор 14 вкусов.

Страничка знакомства пользователя с предлагаемыми вкусами.

Состав:
Ванильный бисквит с хрустящим слоем
Начинка: Компот Клубника с кусочками клубники и клубничная намелака
Клубнично-ванильный мусс
Ягодная глазурь

2. Торт Клубничный взрыв
(белый и клубничный шоколад)

Торт Карамельное яблоко

(карамелизированный шоколад)

Состав:
Карамельный бисквит с бобами Тонка и хрустящим карамельным слоем
Начинка: Яблочный компот с кусочками яблок и карамельный ганаш
Карамельный мусс
Карамельная глазурь

3. Торт Кофе-шоколад
(темный, белый и молочный шоколад)

Состав:
Шоколадный бисквит с орехом пекан
Начинка: Взбитый шоколадно-кофейный ганаш и кофейное кремю
Шоколадно-кофейный мусс
Шоколадная зеркальная глазурь

Состав:
Фундучный бисквит с йогуртовым хрустящим слоем
Начинка: Смородиновый джем и взбитый смородиновый ганаш
Йогуртовый мусс со смородиной
Ягодная глазурьелака
Клубнично-ванильный мусс
Ягодная глазурь

4. Торт Смородина Йогурт

5. Торт Пина-Колада
(белый шоколад,ром)

Состав:
Кокосовый бисквит с хрустящим слоем
Начинка: Ананасовый компот с

6. Торт Груша Боб Тонка
(темный шоколад, молочный шоколад)

Состав:
Морковный бисквит
Начинка: Грушевый компот с

Предлагаем Вам на выбор 14 вкусов.

Страничка знакомства пользователя с предлагаемыми вкусами.

Каталог тортов

Фильтр: Все торты

Свадебные торты

Торты скульптуры

Детские торты

Праздничные торты

Окно заказа. Заказчик может сделать индивидуальный выбор вкуса и декора в трех выпадающих окнах

Выбор декора для торта

Отдельный каталог для выбора элементов оформления торта

Окно корзины и подтверждения условий заказа

Велюр

Желтый

Нежный мусс с пюре манго

Конфи манго-маракуйя с кусочками манго + Креме
экзотик с пюре кокоса

Хрустящая песочная основа

Форма Айсберг

Создайте свой рецепт муссового торта в Конструкторе

Выбор формы и размеров торта

Выбор покрытия торта

Выбор дополнительного декора

Шаг

Фрезия

Выбор мусса

Выбор цвета

Шаг

Выбор бисквита

Шаг

Выбор начинки

Шаг

Конструктор торта по индивидуальному заказу

Здесь вы сможете создать свой неповторимый торт.

[{"lid":"1666625044489","ls":"10","loff":"","li_type":"ri","li_name":"form","li_title":"\u0412\u044b\u0431\u043e\u0440 \u0444\u043e\u0440\u043c\u044b \u0438 \u0432\u0435\u0441\u0430 \u0442\u043e\u0440\u0442\u0430","li_req":"y","li_defselitem":"1","li_radcb":"rb","li_gallery":"[{\"img\":\"https:\/\/static.tildacdn.com\/tild6331-6538-4737-a365-386662366265\/Aisberg.jpg\",\"alt\":\"\u0422\u043e\u0440\u0442 \u0444\u043e\u0440\u043c\u0430 \u0410\u0439\u0441\u0431\u0435\u0440\u0433, \u0432\u0435\u0441 1,2 \u043a\u0433 = 1.2\"},{\"img\":\"https:\/\/static.tildacdn.com\/tild6331-3765-4461-b962-306664323064\/Group_70_1.jpg\",\"alt\":\"\u0422\u043e\u0440\u0442 \u0444\u043e\u0440\u043c\u0430 \u0412\u043e\u043b\u043d\u044b, \u0432\u0435\u0441 1.1 \u043a\u0433 = 1.1\"},{\"img\":\"https:\/\/static.tildacdn.com\/tild6331-6464-4263-b332-633435393233\/__3.jpg\",\"alt\":\"\u0422\u043e\u0440\u0442 \u041b\u044e\u0431\u043e\u0432\u044c, \u0432\u0435\u0441 0,59 \u043a\u0433 = 0.59\"},{\"img\":\"https:\/\/static.tildacdn.com\/tild6362-3162-4135-a231-383266616139\/__3_1.jpg\",\"alt\":\"\u0422\u043e\u0440\u0442 \u041e\u0431\u043b\u0430\u043a\u0430, \u0432\u0435\u0441 1.8 \u043a\u0433 = 1.8\"},{\"img\":\"https:\/\/static.tildacdn.com\/tild3964-3033-4335-b637-653563663938\/__4.jpg\",\"alt\":\"\u0422\u043e\u0440\u0442 \u043a\u0440\u0443\u0433\u043b\u044b\u0439, \u0432\u0435\u0441 0.65 \u043a\u0433, \u0434\u0438\u0430\u043c\u0435\u0442\u0440 14 \u0441\u043c. =0.65\"},{\"img\":\"https:\/\/static.tildacdn.com\/tild3362-6461-4634-b465-643134353163\/__4.jpg\",\"alt\":\"\u0422\u043e\u0440\u0442 \u043a\u0440\u0443\u0433\u043b\u044b\u0439, \u0432\u0435\u0441 1,1 \u043a\u0433., \u0434\u0438\u0430\u043c\u0435\u0442\u0440 18 \u0441\u043c. = 1.1\"},{\"img\":\"https:\/\/static.tildacdn.com\/tild6232-6237-4362-b833-613865333865\/__4.jpg\",\"alt\":\"\u0422\u043e\u0440\u0442 \u043a\u0440\u0443\u0433\u043b\u044b\u0439, \u0432\u0435\u0441 1,8 \u043a\u0433., \u0434\u0438\u0430\u043c\u0435\u0442\u0440 22 \u0441\u043c. =1.8\"},{\"img\":\"https:\/\/static.tildacdn.com\/tild3830-6332-4434-b361-326562616638\/__4.jpg\",\"alt\":\"\u0422\u043e\u0440\u0442 \u043a\u0440\u0443\u0433\u043b\u044b\u0439, \u0432\u0435\u0441 2,6 \u043a\u0433., \u0434\u0438\u0430\u043c\u0435\u0442\u0440 26 \u0441\u043c. =2.6\"}]","li_imgratio":"1_1","li_nm":"form"},{"lid":"1666626550906","ls":"20","loff":"","li_type":"ri","li_name":"cover","li_title":"\u041f\u043e\u043a\u0440\u044b\u0442\u0438\u0435 \u0442\u043e\u0440\u0442\u0430","li_defselitem":"1","li_radcb":"rb","li_gallery":"[{\"img\":\"https:\/\/static.tildacdn.com\/tild3764-3337-4664-b166-386238333466\/Aisberg.jpg\",\"alt\":\"\u0412\u0435\u043b\u044e\u0440\"},{\"img\":\"https:\/\/static.tildacdn.com\/tild6366-6362-4764-b832-303635393039\/__5.jpg\",\"alt\":\"\u0413\u043b\u0430\u0437\u0443\u0440\u044c\"}]","li_imgratio":"1_1","li_nm":"cover"},{"lid":"1666629405242","ls":"30","loff":"","li_type":"ri","li_name":"dekor","li_title":"\u0414\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0439 \u0434\u0435\u043a\u043e\u0440","li_defselitem":"1","li_radcb":"cb","li_gallery":"[{\"img\":\"https:\/\/static.tildacdn.com\/tild6464-3762-4431-b463-366136386333\/_-5.png\",\"alt\":\"\u0421\u0430\u0445\u0430\u0440\u043d\u044b\u0439 \u0446\u0432\u0435\u0442\u043e\u043a. \u0420\u043e\u0437\u0430 = 350\"},{\"img\":\"https:\/\/static.tildacdn.com\/tild3034-6366-4862-b065-303565633333\/_-3.jpg\",\"alt\":\"\u0421\u0430\u0445\u0430\u0440\u043d\u044b\u0439 \u0446\u0432\u0435\u0442\u043e\u043a. \u041b\u0430\u043d\u0434\u044b\u0448 = 450\"},{\"img\":\"https:\/\/static.tildacdn.com\/tild3334-6464-4133-b236-653463303364\/_-4.jpg\",\"alt\":\"\u0421\u0430\u0445\u0430\u0440\u043d\u044b\u0439 \u0446\u0432\u0435\u0442\u043e\u043a \u0420\u0430\u043d\u0443\u043d\u043a\u0443\u043b\u044e\u0441 = 500\"},{\"img\":\"https:\/\/static.tildacdn.com\/tild3564-6664-4264-a337-316238326364\/Cvetok5.jpg\",\"alt\":\"\u0421\u0430\u0445\u0430\u0440\u043d\u044b\u0439 \u0446\u0432\u0435\u0442\u043e\u043a \u0424\u0440\u0435\u0437\u0438\u044f= 600\"},{\"img\":\"https:\/\/static.tildacdn.com\/tild6633-6433-4835-b534-653830386365\/Cvetok.jpg\",\"alt\":\"\u0421\u0430\u0445\u0430\u0440\u043d\u044b\u0439 \u0446\u0432\u0435\u0442\u043e\u043a \u041a\u0430\u043c\u0435\u043b\u0438\u044f= 500\"},{\"img\":\"https:\/\/static.tildacdn.com\/tild6264-3638-4462-b634-313463333331\/Bant2.jpg\",\"alt\":\"\u0428\u043e\u043a\u043e\u043b\u0430\u0434\u043d\u044b\u0439 \u0431\u0430\u043d\u0442 = 500\"},{\"img\":\"https:\/\/static.tildacdn.com\/tild3566-3832-4132-b666-633365386237\/Gnezdo12.jpg\",\"alt\":\"\u0414\u0435\u043a\u043e\u0440 \u0448\u043e\u043a\u043e\u043b\u0430\u0434\u043d\u043e\u0435 \u0433\u043d\u0435\u0437\u0434\u043e = 600\"},{\"img\":\"https:\/\/static.tildacdn.com\/tild6164-3766-4230-b538-326262646433\/cvetok33.jpg\",\"alt\":\"\u0428\u043e\u043a\u043e\u043b\u0430\u0434\u043d\u044b\u0439 \u0446\u0432\u0435\u0442\u043e\u043a \u0413\u0435\u043e\u0440\u0433\u0438\u043d = 500\"},{\"img\":\"https:\/\/static.tildacdn.com\/tild6233-3937-4266-a363-346138316633\/cvetok35.jpg\",\"alt\":\"\u0421\u0430\u0445\u0430\u0440\u043d\u044b\u0439 \u0446\u0432\u0435\u0442\u043e\u043a \u0413\u043e\u0440\u0442\u0435\u043d\u0437\u0438\u044f = 500\"}]","li_imgratio":"1_1","li_nm":"dekor"},{"lid":"1666626837176","ls":"40","loff":"","li_type":"rd","li_name":"color","li_title":"\u0426\u0432\u0435\u0442 \u0442\u043e\u0440\u0442\u0430","li_req":"y","li_variants":"\u0411\u0435\u043b\u044b\u0439\n\u0416\u0435\u043b\u0442\u044b\u0439\n\u041a\u0440\u0430\u0441\u043d\u044b\u0439\n\u0421\u0438\u043d\u0438\u0439\n\u0427\u0435\u0440\u043d\u044b\u0439\n\u0417\u0435\u043b\u0435\u043d\u044b\u0439","li_defselitem":"1","li_radcb":"rb","li_nm":"color"},{"lid":"1666626704005","ls":"50","loff":"","li_type":"rd","li_name":"vkus","li_title":"\u041c\u0443\u0441\u0441","li_req":"y","li_variants":"\u041d\u0435\u0436\u043d\u044b\u0439 \u043c\u0443\u0441\u0441 \u0441 \u043f\u044e\u0440\u0435 \u043c\u0430\u043d\u0433\u043e = 3500\n\u041c\u0443\u0441\u0441 \u043a\u043e\u0444\u0435\u0439\u043d\u043e-\u0444\u0443\u043d\u0434\u0443\u0447\u043d\u044b\u0439 = 3500\n\u0424\u0438\u0441\u0442\u0430\u0448\u043a\u043e\u0432\u044b\u0439 \u043c\u0443\u0441\u0441 = 3500\n\u041c\u0443\u0441\u0441 \u043d\u0430 \u0442\u0435\u043c\u043d\u043e\u043c \u0448\u043e\u043a\u043e\u043b\u0430\u0434\u0435 = 3500\n\u041a\u0430\u0440\u0430\u043c\u0435\u043b\u044c\u043d\u044b\u0439 \u043c\u0443\u0441\u0441 = 3500\n\u041b\u0438\u043c\u043e\u043d\u043d\u043e-\u0447\u0435\u0440\u043d\u0438\u0447\u043d\u044b\u0439 \u043c\u0443\u0441\u0441 = 3500\n\u041c\u0443\u0441\u0441 \u0441 \u043c\u043e\u043b\u043e\u0447\u043d\u044b\u043c \u0448\u043e\u043a\u043e\u043b\u0430\u0434\u043e\u043c = 3500\n\u041c\u0443\u0441\u0441 \u043c\u0430\u043b\u0438\u043d\u043e\u0432\u044b\u0439 = 3500\n\u041a\u0430\u0440\u0430\u043c\u0435\u043b\u044c\u043d\u044b\u0439 \u043c\u0443\u0441\u0441 = 3500\n\u041a\u043b\u0443\u0431\u043d\u0438\u0447\u043d\u043e-\u0432\u0430\u043d\u0438\u043b\u044c\u043d\u044b\u0439 \u043c\u0443\u0441\u0441 = 3500\n\u0428\u043e\u043a\u043e\u043b\u0430\u0434\u043d\u043e-\u043a\u043e\u0444\u0435\u0439\u043d\u044b\u0439 \u043c\u0443\u0441\u0441 = 3500\n\u0412\u0437\u0431\u0438\u0442\u044b\u0439 \u043b\u0438\u043c\u043e\u043d\u043d\u044b\u0439 \u0433\u0430\u043d\u0430\u0448 = 3500\n\u0428\u043e\u043a\u043e\u043b\u0430\u0434\u043d\u044b\u0439 \u043c\u0443\u0441\u0441 = 3500\n\u041a\u043e\u043a\u043e\u0441\u043e\u0432\u044b\u0439 \u043c\u0443\u0441\u0441 = 3500\n\u0421\u044b\u0440\u043d\u043e-\u0441\u043b\u0438\u0432\u043e\u0447\u043d\u044b\u0439 \u043c\u0443\u0441\u0441 \u0441 \u0431\u043e\u0431\u0430\u043c\u0438 \u0442\u043e\u043d\u043a\u0430 = 3500\n\u041c\u0435\u0434\u043e\u0432\u043e-\u0439\u043e\u0433\u0443\u0440\u0442\u043e\u0432\u044b\u0439 \u043c\u0443\u0441\u0441 = 3500","li_defselitem":"1","li_radcb":"rb","li_nm":"vkus"},{"lid":"1666628997984","ls":"60","loff":"","li_type":"rd","li_name":"nachinka","li_title":"\u041d\u0430\u0447\u0438\u043d\u043a\u0430","li_subtitle":"nachinka","li_req":"y","li_variants":"\u041a\u043e\u043d\u0444\u0438 \u043c\u0430\u043d\u0433\u043e-\u043c\u0430\u0440\u0430\u043a\u0443\u0439\u044f \u0441 \u043a\u0443\u0441\u043e\u0447\u043a\u0430\u043c\u0438 \u043c\u0430\u043d\u0433\u043e + \u041a\u0440\u0435\u043c\u0435 \u044d\u043a\u0437\u043e\u0442\u0438\u043a \u0441 \u043f\u044e\u0440\u0435 \u043a\u043e\u043a\u043e\u0441\u0430\n\u0410\u0431\u0440\u0438\u043a\u043e\u0441\u043e\u0432\u0430\u044f \u043d\u0430\u0447\u0438\u043d\u043a\u0430 + \u041a\u0440\u0435\u043c-\u043c\u0443\u0441\u0441 \u0441 \u043c\u0430\u0441\u043a\u0430\u0440\u043f\u043e\u043d\u0435\n\u042f\u0433\u043e\u0434\u043d\u0430\u044f \u043d\u0430\u0447\u0438\u043d\u043a\u0430 (\u043c\u0430\u043b\u0438\u043d\u0430,\u043a\u043b\u0443\u0431\u043d\u0438\u043a\u0430)\n\u041d\u0430\u0447\u0438\u043d\u043a\u0430 \u0438\u0437 \u0431\u0430\u043d\u0430\u043d\u043e\u0432, \u043a\u043e\u043c\u043f\u043e\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0445 \u0432 \u043a\u0430\u0440\u0430\u043c\u0435\u043b\u0438\n\u0410\u0431\u0440\u0438\u043a\u043e\u0441\u043e\u0432\u0430\u044f \u043d\u0430\u0447\u0438\u043d\u043a\u0430 + \u0421\u043b\u0438\u0432\u043e\u0447\u043d\u044b\u0439 \u0441\u043b\u043e\u0439\n\u041b\u0438\u043c\u043e\u043d\u043d\u043e\u0435 \u043a\u043e\u043d\u0444\u0438 \u0441 \u043a\u0443\u0441\u043e\u0447\u043a\u0430\u043c\u0438 \u043c\u0430\u043d\u0433\u043e + \u0427\u0435\u0440\u043d\u0438\u0447\u043d\u044b\u0439 \u043a\u0440\u0435\u043c\n\u041a\u043b\u0443\u0431\u043d\u0438\u0447\u043d\u0430\u044f \u043d\u0430\u0447\u0438\u043d\u043a\u0430 + \u041a\u0440\u0435\u043c\u0435 \u043c\u0430\u043d\u0433\u043e-\u043c\u0430\u0440\u0430\u043a\u0443\u0439\n\u041a\u043e\u043d\u0444\u0438 \u041a\u043b\u0443\u0431\u043d\u0438\u043a\u0430-\u043c\u0430\u043b\u0438\u043d\u0430 + \u041b\u0438\u043c\u043e\u043d\u043d\u044b\u0439 \u043a\u0440\u0435\u043c\n\u042f\u0431\u043b\u043e\u0447\u043d\u044b\u0439 \u043a\u043e\u043c\u043f\u043e\u0442 + \u0421\u043b\u0438\u0432\u043e\u0447\u043d\u0430\u044f \u043a\u0430\u0440\u0430\u043c\u0435\u043b\u044c\n\u041a\u043e\u043c\u043f\u043e\u0442 \u041a\u043b\u0443\u0431\u043d\u0438\u043a\u0430 + \u041a\u043b\u0443\u0431\u043d\u0438\u0447\u043d\u0430\u044f \u043d\u0430\u043c\u0435\u043b\u0430\u043a\u0430\n\u041a\u043e\u0444\u0435\u0439\u043d\u043e\u0435 \u043a\u0440\u0435\u043c\u044e + \u0412\u0437\u0431\u0438\u0442\u044b\u0439 \u0448\u043e\u043a\u043e\u043b\u0430\u0434\u043d\u043e-\u043a\u043e\u0444\u0435\u0439\u043d\u044b\u0439 \u0433\u0430\u043d\u0430\u0448\n\u041b\u0438\u043c\u043e\u043d\u043d\u043e\u0435 \u043a\u0440\u0435\u043c\u044e \u0441 \u043b\u0435\u043c\u043e\u043d\u0433\u0440\u0430\u0441\u0441\u043e\u043c + \u0412\u0430\u043d\u0438\u043b\u044c\u043d\u0430\u044f \u043d\u0430\u043c\u0435\u043b\u0430\u043a\u0430\n\u0412\u0438\u0448\u043d\u0435\u0432\u044b\u0439 \u043a\u043e\u043c\u043f\u043e\u0442 + \u041a\u0443\u043b\u0438 \u0412\u0438\u0448\u043d\u044f\n\u0410\u043d\u0430\u043d\u0430\u0441\u043e\u0432\u044b\u0439 \u043a\u043e\u043c\u043f\u043e\u0442 + \u0413\u0430\u043d\u0430\u0448 \u041f\u0438\u043d\u0430 \u041a\u043e\u043b\u0430\u0434\u0430\n\u0413\u0440\u0443\u0448\u0435\u0432\u044b\u0439 \u043a\u043e\u043c\u043f\u043e\u0442 \u0441 \u0431\u043e\u0431\u0430\u043c\u0438 \u0442\u043e\u043d\u043a\u0430 + \u0413\u0440\u0443\u0448\u0435\u0432\u043e\u0435 \u043a\u0440\u0435\u043c\u044e\n\u041a\u043e\u043c\u043f\u043e\u0442 \u0427\u0435\u0440\u043d\u0438\u043a\u0430-\u0427\u0435\u0440\u043d\u043e\u0441\u043b\u0438\u0432 ","li_defselitem":"1","li_radcb":"rb","li_nm":"nachinka"},{"lid":"1666629164397","ls":"70","loff":"","li_type":"rd","li_name":"biscuit","li_title":"\u0411\u0438\u0441\u043a\u0432\u0438\u0442","li_subtitle":"biscuit","li_req":"y","li_variants":"\u0425\u0440\u0443\u0441\u0442\u044f\u0449\u0430\u044f \u043f\u0435\u0441\u043e\u0447\u043d\u0430\u044f \u043e\u0441\u043d\u043e\u0432\u0430\n\u041e\u0441\u043d\u043e\u0432\u0430 \u2013\u0432\u043e\u0441\u0441\u0442\u0430\u043d\u043e\u0432\u043b\u0435\u043d\u043d\u043e\u0435 \u0441\u0430\u0431\u043b\u0435 \u0441 \u043f\u0440\u0430\u043b\u0438\u043d\u0435 \u0444\u0443\u043d\u0434\u0443\u043a\u0430\n\u0424\u0438\u0441\u0442\u0430\u0448\u043a\u043e\u0432\u044b\u0439 \u0431\u0438\u0441\u043a\u0432\u0438\u0442\n\u0411\u0440\u0430\u0443\u043d\u0438 \u0441 \u043c\u043e\u043b\u043e\u0447\u043d\u044b\u043c \u0448\u043e\u043a\u043e\u043b\u0430\u0434\u043e\u043c \u0438 \u043e\u0440\u0435\u0445\u043e\u043c \u043f\u0435\u043a\u0430\u043d\n\u041a\u0430\u0440\u0430\u043c\u0435\u043b\u044c\u043d\u044b\u0439 \u0431\u0438\u0441\u043a\u0432\u0438\u0442\n\u041b\u0438\u043c\u043e\u043d\u043d\u043e\u0435 \u0441\u0430\u0431\u043b\u0435\n\u0411\u0438\u0441\u043a\u0432\u0438\u0442 \u0414\u0430\u043a\u0443\u0430\u0437 \u0441 \u0442\u0435\u043c\u043d\u044b\u043c \u0448\u043e\u043a\u043e\u043b\u0430\u0434\u043e\u043c\n\u0411\u0438\u0441\u043a\u0432\u0438\u0442 \u0434\u0430\u043a\u0443\u0430\u0437 \u0448\u043e\u043a\u043e\u043b\u0430\u0434\u043d\u044b\u0439\n\u041a\u0430\u0440\u0430\u043c\u0435\u043b\u044c\u043d\u044b\u0439 \u0431\u0438\u0441\u043a\u0432\u0438\u0442 \u0441 \u0431\u043e\u0431\u0430\u043c\u0438 \u0422\u043e\u043d\u043a\u0430 \u0441 \u0425\u0440\u0443\u0441\u0442\u044f\u0449\u0438\u043c \u043a\u0430\u0440\u0430\u043c\u0435\u043b\u044c\u043d\u044b\u043c \u0441\u043b\u043e\u0435\u043c\n\u0412\u0430\u043d\u0438\u043b\u044c\u043d\u044b\u0439 \u0431\u0438\u0441\u043a\u0432\u0438\u0442 \u0441 \u0425\u0440\u0443\u0441\u0442\u044f\u0449\u0438\u043c \u0441\u043b\u043e\u0435\u043c ( \u0441\u0443\u0431\u043b\u0438\u043c\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u0430\u044f \u043a\u043b\u0443\u0431\u043d\u0438\u043a\u0430, \u0432\u0430\u0444\u0435\u043b\u044c\u043d\u0430\u044f \u043a\u0440\u043e\u0448\u043a\u0430, \u0432\u0437\u0440\u044b\u0432\u043d\u0430\u044f \u043a\u0430\u0440\u0430\u043c\u0435\u043b\u044c \u0438 \u0448\u043e\u043a\u043e\u043b\u0430\u0434)\n\u0428\u043e\u043a\u043e\u043b\u0430\u0434\u043d\u044b\u0439 \u0431\u0438\u0441\u043a\u0432\u0438\u0442 \u0441 \u043e\u0440\u0435\u0445\u043e\u043c \u043f\u0435\u043a\u0430\u043d\n\u041c\u0438\u043d\u0434\u0430\u043b\u044c\u043d\u043e-\u043b\u0438\u043c\u043e\u043d\u043d\u043e\u0435 \u0441\u0430\u0431\u043b\u0435\n\u041a\u043e\u043a\u043e\u0441\u043e\u0432\u044b\u0439 \u0431\u0438\u0441\u043a\u0432\u0438\u0442 \u0441 \u0425\u0440\u0443\u0441\u0442\u044f\u0449\u0438\u043c \u0441\u043b\u043e\u0435\u043c\n\u041c\u043e\u0440\u043a\u043e\u0432\u043d\u044b\u0439 \u0431\u0438\u0441\u043a\u0432\u0438\u0442\n\u041c\u0435\u0434\u043e\u0432\u044b\u0439 \u0431\u0438\u0441\u043a\u0432\u0438\u0442 \u0441 \u0433\u0440\u0435\u0446\u043a\u0438\u043c \u043e\u0440\u0435\u0445\u043e\u043c","li_defselitem":"1","li_radcb":"rb","li_nm":"biscuit"},{"lid":"1666633207513","ls":"80","loff":"","li_type":"nm","li_title":"\u0418\u043c\u044f","li_ph":"\u0418\u0432\u0430\u043d \u041f\u0435\u0442\u0440\u043e\u0432","li_req":"y","li_nm":"Name"},{"lid":"1666633246474","ls":"90","loff":"","li_type":"em","li_title":"\u0412\u0430\u0448 Email","li_ph":"example@gmail.com","li_req":"y","li_nm":"Email"},{"lid":"1668228022130","ls":"100","loff":"","li_type":"ph","li_name":"phon","li_title":"\u0412\u0430\u0448 \u0442\u0435\u043b\u0435\u0444\u043e\u043d","li_ph":"+79857777777","li_req":"y","li_nm":"phon"},{"lid":"1668228383139","ls":"110","loff":"","li_type":"ta","li_ph":"\u0423\u043a\u0430\u0436\u0438\u0442\u0435 \u043a \u043a\u0430\u043a\u043e\u0439 \u0434\u0430\u0442\u0435 \u0432\u044b\u043f\u043e\u043b\u043d\u0438\u0442\u044c \u0437\u0430\u043a\u0430\u0437","li_rows":"2","li_nm":"Textarea"},{"lid":"1668228135546","ls":"120","loff":"","li_type":"tx","li_text":"\u0421\u0440\u043e\u043a \u0438\u0441\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u044f \u0412\u0430\u0448\u0435\u0433\u043e \u0437\u0430\u043a\u0430\u0437\u0430 \u043d\u0435 \u043c\u0435\u043d\u0435\u0435 3-\u0445 \u0434\u043d\u0435\u0439"},{"lid":"1666630159640","ls":"130","loff":"","li_type":"fr","li_title":"\u0421\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u044c \u0437\u0430\u043a\u0430\u0437\u0430","li_subtitle":"\u0421\u0443\u043c\u043c\u0430 \u0437\u0430\u043a\u0430\u0437\u0430","li_expr":"form*vkus+dekor","li_postfix":" \u0440\u0443\u0431","li_nm":"\u0421\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u044c \u0437\u0430\u043a\u0430\u0437\u0430"}]

Вы выполнили
7 шагов и выбрали свой вкус и дизайн торта.
Вам осталось заполнить заказ и наши специалисты свяжутся с Вами.

Кейс: двухстраничный сайт с анимацией

Сайт с анимацией "Автомобили Тесла"

-Вращение объектов
-Движение объектов при скроле
-параллакс-эффект
Эффекты использовать
обоснованно по
сценарию

Эффекты анимации:

TildaSans

Типографика:

Georgia

Future of Driving

Tesla cars come standard with advanced hardware capable of providing Autopilot features, and full self-driving capabilities—through software updates designed to improve functionality over time.
Tesla's Autopilot AI team drives the future of autonomy of current and new generations of vehicles. Learn about the team and apply to help accelerate the world with full self-driving.

На первой страничке сайта используется нейтральный и не отвлекающий от эффектов дизайн.

Главная страница сайта

Страницы с движением автомобиля при скроле

Автомобиль движется по дороге и подъезжает к автостраде по которой проносятся автомобили

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

Страницы с информацией дополнены анимацией и параллакс эффектом

Вторая страница сайта отправляет нас в путешествие на марс. Анимация создает необходимую атмосферу

Экскурсия на Тесламобиле на Марс.
На кадрах 1 и 2 видно вращение планеты.
А на кадрах 3,4 и 5 используя параллакс-эффект достигается 3D эффект так как при скроле видна разноудаленность планет от автомобиля, серая планета “обгоняет” остальные.

Эффект движения при скроле и парралакс-эффект на примере сайта в видеоформате

She has been nominated for an Academy Award, two Grammy Awards, and the Mercury Prize

Кейс: сайт Тесла-шоу

Цель проекта: Создать сайт для продвижения услуг по проведению тематических шоу

Для кого: Для заказчика-организатора шоу

Требования: Удобный и интуитивный интерфейс с увлекательным повествованием о шоу и возможностью выбрать свой вариант представления его продолжительности, сориентироваться по цене и отправить заказ

Двухстраничный сайт "Тесла шоу"

Создать сайт и заложить элементы фирменного стиля.
Обеспечить адаптацию страниц к различным устройствам.
Использовать эффекты анимации.

Задача:

Типографика:

CirceRounded

Цветовые решения:

#efecea

#2bc24b

#2501d3

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

О проекте:

#09111e

Главная страница сайта

Электрические разряды-главный элемент шоу и оформления сайта

С детства вы видели молнии во время грозы

На Тесла шоу Вы сможете на несколько минут перенестись в самый эпицентр грозы и увидеть молнию буквально в нескольких сантиметрах от себя.

Молнии на экране

Тесла шоу позволяет рядом с собой увидеть вспышки электрических разрядов и возможно побороть страх перед молнией.

Анимация на сайте

Пример использования анимации для электрических разрядов

Нажав на кнопку Вы увидите другие примеры анимации сайта

Посмотри ещё

Пример адаптации на различных устройствах страницы с возможностью перейти к заказу

Экран 1280х844

Экран 834х1194

Экран 438х844

Страница с представлением одного из шоу

Шоу "PREMIUM"

Шоу с оригинальными художественным решениями, синтезом смысла и формы.

Шоу с двумя и более артистами "под ключ" и интерактив "Клетка Фарадея". Шоу для искушенной публики с участием нескольких артистов специально под тематику мероприятия.
В стоимость входит логистика оборудования и людей, дизайн и пошив специальных под программу костюмов, создание уникального музыкального контента и постановка.
Это шоу для тех, кто хочет удивить зрителей не только настоящими молниями, но и оригинальными художественным решениями, синтезом смысла и формы, для тех, чья фантазия выходит за рамки привычного представления.
Время: индивидуально.
Технический райдер: Мощность - 10 кВт (380 Вольт, необходима одна трехфазная розетка 32А)
Площадь - 9х5 м2

Страница о безопасности с шоу с дополнительной информацией в выпадающих окнах

Несмотря на то, что мы каждый день имеем дело с многометровыми разрядами молний и напряжениями до 3х МИЛЛИОНОВ Вольт, наши зрители и мы находимся в ПОЛНОЙ безопасности. Сейчас объясним почему:

Почему наше Тесла-шоу полностью безопасно?

Главная страница музея

Пример страницы информационного блока с цитатами

Трудно найти человека, который не был бы знаком с электричеством. А вот найти того, кто знает историю его открытия, гораздо сложнее. Кто открыл электричество? Что представляет собой это явление?
Существует предположение, что люди изучали электричество еще в Древнем Китае и Индии, Однако подтверждений этому нет. Более достоверно считать, что открыл статическое электричество древнегреческий ученый Фалес.
Он был известным математиком и философом, проживал в городе Милет, примерно в VI-V веках до нашей эры. Считается, что Фалес обнаружил свойство янтаря притягивать мелкие предметы, например перо или волос, если натереть его шерстяной тканью.
Никакого практического применения такому явлению не нашлось, и его оставили без внимания.
В 1600 году англичанин Уильям Гилберт публикует труд о магнитных телах, где приводятся факты о родственной природе магнетизма и электричества, а также приводятся доказательства, что наэлектризовываться, кроме янтаря, могут и другие минералы, например, опал, аметист, алмаз, сапфир. Тела, способные наэлектризовываться ученый окрестил электриками, а само свойство – электричеством. Именно он впервые предположил, что молния связана с электричеством.

Музей Теслаториум ответит на Ваши вопросы

ВАМ ЗНАКОМО ВЫРАЖЕНИЕ "ВЫШЕ ГОЛОВЫ НЕ ПРЫГНЕШЬ?".
ЭТО ЗАБЛУЖДЕНИЕ. ЧЕЛОВЕК МОЖЕТ ВСЁ

Никола Тесла

Кейс: сайт Школа рисования Акварель

Изображение двух мониторов с открытой страницей сайта

Одностраничный сайт школы рисования "Акварель"

О проекте:

Цель проекта:

Требования:

Учебный проект

Создать привлекательный для посетителя проект с атмосферой изостудии и приятным дизайном

Удобный и интуитивный интерфейс. Адаптация к различным устройствам

Типографика:

Цветовые решения:

Шрифт для заголовка

Шрифт для текста

Главная страница сайта определила дизайн последующих страниц

Контакты

Страничка о школе рисования

Всегда мечтали уметь рисовать? Хотите попробовать себя в чем-то новом? А может Ваша цель расслабиться и повеселиться? Наша школа рисования в Санкт-Петербурге для начинающих взрослых и малышей — место для всех.

2 адреса в Петербурге
Наша школа рисования в СПб для начинающих взрослых у метро Гостиный двор и Лиговский пр

Посещайте мастер-классы в любой день и время
Мы не набираем группы раз в месяц. Мы проводим занятия каждый день с 11 до 21.

Пример адаптации страниц сайта на экранах различных устройствах

Экран планшета

Экран компьютера

Экран телефона

2 адреса в Петербурге

Наша школа рисования в СПб для начинающих взрослых у метро Гостиный двор и Лиговский пр

Страница о преподавателях школы

Выпускники Академии Художеств, главного художественного вуза России.

Страница предложений школы рисования

3 вида мастер-класса на любой вкус. Для детей работает изостудия. А еще у нас можно отметить праздник!

Мы предлагаем:

Мастер-классы по рисованию
Дни рождения
Корпоративы
Девичники
Свидания
Изостудия для детей

Кейс сайта "Еда Азии"

Сайт-лендинг "Еда Азии"

О проекте:

Цель проекта:

Требования:

Коммерческий проект

Создать привлекательный для посетителя проект с атмосферой азиатского ресторана и возможностью заказа доставки еды

Адаптировать сайт для различных устройств

Избражение монитора со страницей сайта Еда азии

Дизайн главной страницы

Типографика:

Цветовые решения:

Шрифт для заголовка

Arial

Шрифт для текста

#fefefe

#302f2f

#b39e66

Пример адаптации страницы для различных устройств

Одними из основных продуктов азиатской кухни являются рис и лапша. Для азиатской кухни характерны обилие приправ, острые блюда, блюда с низким содержанием жиров, соевые продукты. Один из распространённых способов приготовления еды — жарка в небольшом количестве очень горячего масла.

1440x907

744x1133

390x884

Одними из основных продуктов азиатской кухни являются рис и лапша. Для азиатской кухни характерны обилие приправ, острые блюда, блюда с низким содержанием жиров, соевые продукты. Один из распространённых способов приготовления еды — жарка в небольшом количестве очень горячего масла.

Страница о разнообразии восточной кухни

Оформи доставку

Кейс: Сайт Бьюти-салона “Ксения”

Изображение главной странички сайта на различных устройствах

Кейс: Сайт Бьюти-салона “Ксения”

Дизайн выполнен в Figma. Сайт построен на BUBBLE.

О проекте: коммерческий проект

Цель проекта: использовать функционал BUBBLE для создания сайта с возможностями для посетителя выбрать и заказать услугу.

Требования: разработать сайт с личными кабинетами посетителя и администратора. На странице администратора предусмотреть возможность контроля со стороны администратора загрузки сотрудников, финансовых результатов работы, внесение и редактирование услуг в каталоге, оповещение посетителей о статусе заказа.
Создать сайт адаптированный для различных устройств.

Главная страница сайта

Веб-сайт салона красоты

Пример адаптации страница для различных устройств

Станицы посетителя сайта Регистрация

Страница регистрации

Страница Услуги. Каталог продукции

Страница записи на услугу

Классический массаж

Выйти

О студии

Услуги

Записаться

Классический массаж тела позволяет человеку привести в тонус мышцы, снять напряжение, убрать воспаление и вернуть человеку прекрасное самочувствие.

<- Назад

Уход за телом

Классический массаж

23 мая 2023 г.

Повторите пароль

Цена 4 000 руб.

Записаться на услугу

12-00

Запись на услугу

Классический массаж

Выйти

О студии

Услуги

Записаться

<- Назад

Подтверждение об успешной записи на услугу

Выйти

О студии

Услуги

Личный кабинет

Страничка личного кабинета пользователя
позволит посмотреть историю и текущие заказы.

Актуальные

Прошедшие

Классический массаж

4000 руб.

23.05.2023 г.

12-00

Выйти

О студии

Услуги

Пользователи

Заказы

Услуги

Календарь

Финансы

Страница администратора

Поиск

Выбери услугу

Добавить пользователя

Петров А.М.

Активен

Админ

PAM@test.ru

Регистрация 27.01.23

Светлова А.М.

Активен

Админ

SAM@test.ru

Регистрация 27.01.23

Иванова М.М.

Активен

Client

PAM@test.ru

Регистрация 22.02.23

Темнова Т.Т.

Активен

Client

PAM@test.ru

Регистрация 27.03.23

Сидорова К.Р.

Активен

Client

PAM@test.ru

Регистрация 2.04.23

Арбузова О.О.

Активен

Client

PAM@test.ru

Регистрация 15.04.23

Дынька С.О.

Активен

Client

PAM@test.ru

Регистрация 12.04.23

Уход

Введите услугу

Услуги

Пользователи

Заказы

Услуги

Календрь

Финансы

Пример страниц администратора. Услуги

Услуги

Классический массаж

Уход за телом

Антицелюлитный массаж

Уход за телом

Депиляция воском

Уход за телом

Шоколадное обертывание

Уход за телом

О студии

Услуги

Выйти

hello@beauty.com

+7(915) 042 10-22

Дубининская 96, Москва
2022

Добавитьуслугу

за|

пасибо

Кейс: Сайт он-лайн курсов английского языка

Двухстраничный сайт Курсов обучения английскому языку

Создать двухстраничный сайт для продвижения курсов английского языка с авторской программой. Сайт позволяет посетителю выбрать и записаться на одну из предлагаемых программ обучения.
Для ознакомления с методикой преподавания постоянно проводятся бесплатные очные семинары для потенциальных слушателей.

Задачи по проекту:

Цветовые решения:

Типографика:

Circle Rounted

Главная страница сайта

Пример адаптации страниц к различным форматам устройств

Экран 1280х844

Экран 834х1194

Экран 375х812

Страница сайта о подходе к обучению на курсах

Как мы учим?

Пример страницы сайта о преимуществах курса

Факты о курсе "Заговори на английском через 2 месяца":

И еще один призыв к заказу услуги

Что нужно сделать чтобы заговорить на английском:

Покупаете участие, тем самым бронируете место

Мы связываемся с вами, проводим тестирование уровня, подбираем вам курс

Когда придет время, мы напомним вам о старте курса

Начинаете обучение

Приглашение на бесплатный вебинар для удержания посетителя сайта

Решайтесь! Уже уходите? Куда же вы без подарка?

Вторая страничка - лендинг по бесплатному вебинару

Ваше самое полезное мероприятие по английскому за всю жизнь

Пойми английский за 32 часа

Сегодня в 22-00 по мск

Аргументы в пользу необходимости посещения мероприятия

Знакомьтесь - автор курса

Что говорят счастливые люди, кто уже был на вебинаре?

Страничка отзывов

Спасибо за внимание

Кейс сайта "Учим по ди-джейству"

Проект редизайна сайта школы ScratchDJ School

Учим ди-джейству

Страницы преимуществ школы оформлены с рисунками

О курсах

Индивидуальная страничка преподавателя школы

Услуги

СПАСИБО

Кейс: интернет-магазин

Сайт интернет магазина "Торты и тарты в Москве"

Цветовое решение

Типографика

Дизайн страниц сайта адаптирован к различным устройствам

Дизайн страниц сайта адаптирован к различным устройствам

Вид страницы каталога тартов на планшете

Для телефонов карточки товаров располагаются в столбик

Страничка знакомства пользователя с предлагаемыми вкусами.

Страничка знакомства пользователя с предлагаемыми вкусами.

Каталог тортов

Окно заказа. Заказчик может сделать индивидуальный выбор вкуса и декора в трех выпадающих окнах

Выбор декора для торта

Отдельный каталог для выбора элементов оформления торта

Окно корзины и подтверждения условий заказа

Окно корзины и подтверждения условий заказа

Создайте свой рецепт муссового торта в Конструкторе

Конструктор торта по индивидуальному заказу

Кейс: двухстраничный сайт с анимацией

Страницы с движением автомобиля при скроле

Страницы с информацией дополнены анимацией и параллакс эффектом

Вторая страница сайта отправляет нас в путешествие на марс. Анимация создает необходимую атмосферу

Двухстраничный сайт "Тесла шоу"

Главная страница сайта

Электрические разряды-главный элемент шоу и оформления сайта

Пример адаптации на различных устройствах страницы с возможностью перейти к заказу

Страница с представлением одного из шоу

Страница о безопасности с шоу с дополнительной информацией в выпадающих окнах

Главная страница музея

Кейс: сайт Школа рисования Акварель

Одностраничный сайт школы рисования "Акварель"

Типографика:

Цветовые решения:

Главная страница сайта определила дизайн последующих страниц

Страничка о школе рисования

Пример адаптации страниц сайта на экранах различных устройствах

Страница о преподавателях школы

Страница предложений школы рисования

3 вида мастер-класса на любой вкус. Для детей работает изостудия. А еще у нас можно отметить праздник!

Кейс сайта "Еда Азии"

Сайт-лендинг "Еда Азии"

О проекте:

Цель проекта:

Требования:

Дизайн главной страницы

Типографика:

Цветовые решения:

Пример адаптации страницы для различных устройств

Страница о разнообразии восточной кухни

Кейс: Сайт Бьюти-салона “Ксения”

Кейс: Сайт Бьюти-салона “Ксения”

Дизайн выполнен в Figma. Сайт построен на BUBBLE.

Главная страница сайта

Веб-сайт салона красоты

Пример адаптации страница для различных устройств

Станицы посетителя сайта Регистрация

Страница регистрации

Страница Услуги. Каталог продукции

Страница записи на услугу

Запись на услугу

Подтверждение об успешной записи на услугу

Страничка личного кабинета пользователяпозволит посмотреть историю и текущие заказы.

Страница администратора

Пример страниц администратора. Услуги

Страничка личного кабинета пользователя
позволит посмотреть историю и текущие заказы.