О проекте: не коммерческий проект Цель проекта: привлекательный для посетителя проект с атмосферой современной зажигательной музыки. Привести в соответствие зажигательный видео ряд на существующем сайте школы с не выразительным оформлением контента. Требования: многостраничный сайт адаптированный для различных устройств
Типографика
Цветовые решения
Дизайн проекта и анимация для сайта выполнены с использованием Figma. Сайт создан на Tilda.
Учим ди-джейству
DJ School – это творческое пространство для всех, кто любит музыку и хочет реализовать свой творческий потенциал
Страницы преимуществ школы оформлены с рисунками
Записаться на пробный урок
Запишись на курсы
Мы предлагаем специализированные курсы как для начинающих, так и для тех, кто хочет освежить или прокачать уже имеющиеся навыки. Курсы Beginner, Scratch Dj, true Spin, Level Up, Beatmaking, а также создания музыки в Ableton и др. Из данных курсов, уроков и тренингов - любой найдет подходящий для себя вариант обучения.
Мы поставляем самое необходимое оборудование для диджеинга по всей России более 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 гр.
Муссовое пирожное Лемон- Лемонграсс, вес 95 гр.
Муссовое пирожное Лемон- Лемонграсс, вес 95 гр.
Миндально-лимонное сабле
Миндально-лимонное сабле
Миндально-лимонное сабле
Заказать
Взбитый лимонный ганаш
Взбитый лимонный ганаш
Взбитый лимонный ганаш
Лимонное кремю с лемонграссом
Лимонное кремю с лемонграссом
Шоколадная глазурь
Шоколадная глазурь
Ванильная намелака
Ванильная намелака
350 р.
350 р.
Заказать
Заказать
Малиновое муссовое пирожное
Малиновое муссовое пирожное
Шоколадный бисквит
Шоколадный бисквит
Малиновый джем
Малиновый джем
Шоколадный мусс
Шоколадный мусс
Зеркальная глазурь
Зеркальная глазурь
Хрустящий слой
Хрустящий слой
350 р.
350 р.
Заказать
Заказать
Тарт Кокос Карамель
Хрустящий слой с миндальными лепестками
Карамелизированные миндальные лепестки
Кокосовое кремю
Кокосовая карамель
Взбитый кокосовый ганаш
Кокосовое сабле
400 р.
Заказать
Муссовое пирожное Мандарин
Мандариновый джем
Бисквит Джаконда с штраузелем
Мусс из молочного шоколада
350 р.
Заказать
Тарт Маковый
Тарт Маковый
Мандариновое сабле с маком
Мандариновое сабле с маком
Маковый франжипан
Маковый франжипан
Лимонный ганаш
Лимонный ганаш
Лимонная меренга
Лимонная меренга
400 р.
400 р.
Заказать
Заказать
Дизайн страниц сайта адаптирован к различным устройствам
Тарты и муссовые пирожные
Тарты и муссовые пирожные
Тарты и муссовые пирожные
Вид страницы каталога тартов на планшете
Для телефонов карточки товаров располагаются в столбик
Взбитый лимонный ганаш
Вид страницы каталога тартов на экране компьютера
Дизайн страниц сайта адаптирован к различным устройствам
Вид страницы каталога тартов на планшете
Для телефонов карточки товаров располагаются в столбик
Предлагаем Вам на выбор 14 вкусов.
Страничка знакомства пользователя с предлагаемыми вкусами.
5. Торт Пина-Колада (белый шоколад,ром)
Состав: Кокосовый бисквит с хрустящим слоем Начинка: Ананасовый компот с
Состав: Ванильный бисквит с хрустящим слоем Начинка: Компот Клубника с кусочками клубники и клубничная намелака Клубнично-ванильный мусс Ягодная глазурь
2. Торт Клубничный взрыв (белый и клубничный шоколад)
Торт Карамельное яблоко
(карамелизированный шоколад)
Состав: Карамельный бисквит с бобами Тонка и хрустящим карамельным слоем Начинка: Яблочный компот с кусочками яблок и карамельный ганаш Карамельный мусс Карамельная глазурь
3. Торт Кофе-шоколад (темный, белый и молочный шоколад)
Состав: Шоколадный бисквит с орехом пекан Начинка: Взбитый шоколадно-кофейный ганаш и кофейное кремю Шоколадно-кофейный мусс Шоколадная зеркальная глазурь
Состав: Фундучный бисквит с йогуртовым хрустящим слоем Начинка: Смородиновый джем и взбитый смородиновый ганаш Йогуртовый мусс со смородиной Ягодная глазурьелака Клубнично-ванильный мусс Ягодная глазурь
Состав: Морковный бисквит Начинка: Грушевый компот с
Предлагаем Вам на выбор 14 вкусов.
Страничка знакомства пользователя с предлагаемыми вкусами.
Фильтр: Все торты
Свадебные торты
Торты скульптуры
Детские торты
Праздничные торты
Каталог тортов
Окно заказа. Заказчик может сделать индивидуальный выбор вкуса и декора в трех выпадающих окнах
Выбор декора для торта
Отдельный каталог для выбора элементов оформления торта
Окно корзины и подтверждения условий заказа
Окно корзины и подтверждения условий заказа
Велюр
Желтый
Нежный мусс с пюре манго
Конфи манго-маракуйя с кусочками манго + Креме экзотик с пюре кокоса
Хрустящая песочная основа
Форма Айсберг
Шаг
Шаг
Шаг
Фрезия
Шаг
Шаг
Шаг
Создайте свой рецепт муссового торта в Конструкторе
1
Выбор формы и размеров торта
2
Выбор покрытия торта
Выбор дополнительного декора
3
Выбор мусса
Выбор цвета
6
5
4
Выбор бисквита
Выбор начинки
7
Конструктор торта по индивидуальному заказу
Здесь вы сможете создать свой неповторимый торт.
Вы выполнили 7 шагов и выбрали свой вкус и дизайн торта. Вам осталось заполнить заказ и наши специалисты свяжутся с Вами.
1
2
3
4
5
6
7
Кейс: двухстраничный сайт с анимацией
Сайт с анимацией "Автомобили Тесла"
-Вращение объектов -Движение объектов при скроле -параллакс-эффект Эффекты использовать обоснованно по сценарию
Эффекты анимации:
TildaSans
TildaSans
TildaSans
Типографика:
Georgia
Georgia
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
CirceRounded
CirceRounded
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 адреса в Петербурге
Наша школа рисования в СПб для начинающих взрослых у метро Гостиный двор и Лиговский пр
Посещайте мастер-классы в любой день и время Мы не набираем группы раз в месяц. Мы проводим занятия каждый день с 11 до 21.
Всегда мечтали уметь рисовать? Хотите попробовать себя в чем-то новом? А может Ваша цель расслабиться и повеселиться? Наша школа рисования в Санкт-Петербурге для начинающих взрослых и малышей — место для всех.
2 адреса в Петербурге
Наша школа рисования в СПб для начинающих взрослых у метро Гостиный двор и Лиговский пр
Посещайте мастер-классы в любой день и время Мы не набираем группы раз в месяц. Мы проводим занятия каждый день с 11 до 21.
Страница о преподавателях школы
Выпускники Академии Художеств, главного художественного вуза России.
Страница предложений школы рисования
3 вида мастер-класса на любой вкус. Для детей работает изостудия. А еще у нас можно отметить праздник!
Мы предлагаем:
Мастер-классы по рисованию Дни рождения Корпоративы Девичники Свидания Изостудия для детей
Кейс сайта "Еда Азии"
Сайт-лендинг "Еда Азии"
О проекте:
Цель проекта:
Требования:
Коммерческий проект
Создать привлекательный для посетителя проект с атмосферой азиатского ресторана и возможностью заказа доставки еды
Адаптировать сайт для различных устройств
Дизайн главной страницы
Типографика:
Цветовые решения:
Шрифт для заголовка
Arial
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
Circle Rounted
Circle Rounted
Circle Rounted
Главная страница сайта
Пример адаптации страниц к различным форматам устройств
Экран 1280х844
Экран 834х1194
Экран 375х812
Страница сайта о подходе к обучению на курсах
Как мы учим?
Пример страницы сайта о преимуществах курса
Факты о курсе "Заговори на английском через 2 месяца":
И еще один призыв к заказу услуги
Что нужно сделать чтобы заговорить на английском:
Покупаете участие, тем самым бронируете место
Мы связываемся с вами, проводим тестирование уровня, подбираем вам курс
Когда придет время, мы напомним вам о старте курса
Начинаете обучение
Приглашение на бесплатный вебинар для удержания посетителя сайта
Решайтесь! Уже уходите? Куда же вы без подарка?
Вторая страничка - лендинг по бесплатному вебинару
Пойми английский за 32 часа
Ваше самое полезное мероприятие по английскому за всю жизнь
Сегодня в 22-00 по мск
Аргументы в пользу необходимости посещения мероприятия
Знакомьтесь - автор курса
Что говорят счастливые люди, кто уже был на вебинаре?