const form = document.getElementById('form'); const rentStartInput = document.getElementById('rent-start'); const rentStartTimeHoursInput = document.getElementById('rent-start-time-hours'); const rentStartTimeMinutesInput = document.getElementById('rent-start-time-minutes'); const rentOffInput = document.getElementById('rent-off'); const rentOffTimeHoursInput = document.getElementById('rent-off-time-hours'); const rentOffTimeMinutesInput = document.getElementById('rent-off-time-minutes'); const durationOutput = document.getElementById('duration'); const minDuration = 3; // минимальная продолжительность аренды в сутках const hoursOptions = [...Array(25).keys()].map(i => i.toString().padStart(2, '0')); const minutesOptions = ['00', '15', '30', '45']; const createElement = (element, item) => { const newElement = document.createElement(element); newElement.textContent = item; return newElement; }; const populateSelect = (select, options) => { options.forEach(option => { select.appendChild(createElement('option', option)); }); }; populateSelect(rentStartTimeHoursInput, hoursOptions); populateSelect(rentStartTimeMinutesInput, minutesOptions); populateSelect(rentOffTimeHoursInput, hoursOptions); populateSelect(rentOffTimeMinutesInput, minutesOptions); const calculateDuration = (rentStart, rentStartTime, rentOff, rentOffTime) => { const rentStartDate = new Date(rentStart); const rentStartTimeDate = new Date(); rentStartTimeDate.setHours(rentStartTime.hours, rentStartTime.minutes); const rentEndDate = new Date(rentOff); const rentEndTimeDate = new Date(); rentEndTimeDate.setHours(rentOffTime.hours, rentOffTime.minutes); const diff = Math.round((rentEndTimeDate - rentStartTimeDate) / (1000 * 60 * 60 * 24)); if (diff < minDuration) { return minDuration; } return diff; }; const updateDuration = (e) => { e.preventDefault(); const rentStart = rentStartInput.value; const rentStartTime = { hours: parseInt(rentStartTimeHoursInput.value), minutes: parseInt(rentStartTimeMinutesInput.value) }; const rentOff = rentOffInput.value; const rentOffTime = { hours: parseInt(rentOffTimeHoursInput.value), minutes: parseInt(rentOffTimeMinutesInput.value) }; if (!rentStart || !rentStartTime || !rentOff || !rentOffTime) { alert('Заполните все поля!'); return; } if (rentOff < rentStart) { alert('Дата окончания аренды не может быть меньше даты начала аренды!'); return; } const duration = calculateDuration(rentStart, rentStartTime, rentOff, rentOffTime); durationOutput.value = duration; }; form.addEventListener('submit', updateDuration);
этапы работы
Обо мне
услуги и цены
FAQ
контакты
сайты

по

дизайн – макеты

ЖМИ
лендинги

законам

маркетинга

ВЕБ – ДИЗАЙНЕР

ОБО МНЕ

Привет! Меня зовут Алла.
Я веб - дизайнер и интернет — маркетолог. Создаю лендинги и сайты для вашего бизнеса.
Моя задача — с помощью современного продуманного дизайна и грамотно выстроенной структуры сайта привести ваших клиентов к нужному целевому действию.
Моё преимущество — это маркетинговый подход при создании структуры лендингов/сайтов. Я не  делаю набор блоков с красивым дизайном. Я применяю правила маркетинга при выстраивании структуры блоков, расположению объектов, текста, кнопок.
Цель, которую я преследую при работе над проектом — сделать так, чтобы как можно больше пользователей «кликнули» на нужную кнопку и стали вашими клиентами.

ЧТО Я МОГУ СДЕЛАТЬ ДЛЯ ВАС

ЧТО Я МОГУ СДЕЛАТЬ ДЛЯ ВАС

ЧТО Я МОГУ СДЕЛАТЬ ДЛЯ ВАС

Лендинг – одноэкранник
Лендинг, в котором только один экран.
Как правило, кнопка целевого действия подразумевает короткое действие: скачать, заказать.
Подойдет, если нужно обозначить простое действие или временную акцию. Например, скачать приложение, оповестить о скидках или сезонном предложении, и т. п.
Лендинг – визитка
Название лендинга говорит само за себя.
В нём собрана основная информация о вас как о специалисте, или о вашей компании.
Отлично подойдет фрилансеру или практикующему специалисту: риелтору, репетитору, частному психологу, адвокату, юристу, коучу, кондитеру и т.п.
Поможет рассказать о вас и ваших услугах структурированно и ярко.
Лендинг – квиз
Лендинг в виде небольшого опроса или теста, после прохождения которых, как правило, пользователю следует оставить свои контакты.
Подойдет, если нужно привлечь внимание новых клиентов, вовлечь их в знакомство с продуктом/компанией, собрать лиды.
Продающий лендинг
Посадочная страница, используемая непосредственно для продаж. Задача такого лендинга привести клиента совершению целевого действия, именно купить, заказать, вызвать интерес пользователя. Кнопка целевого действия содержит соответствующий призыв.
Информационный лендинг
Задача такого лендинга — вызвать интерес пользователя. Он не продаёт товар или услугу напрямую, а строится обычно в виде рассказа о продукте (товаре/услуге) или компании, её миссии. Кнопка целевого действия тоже есть — она чаще всего сформулирована как «узнать подробности». Такой лендинг, тем не менее, является частью маркетинговой воронки продаж, когда нужно вовлечь клиента в знакомство с компанией/продуктом.
Дизайн – макет лендинга/сайта
Дизайн — макет представляет собой схематический визуальный образ будущего сайта, является демонстрацией того, как визуально будет выглядеть сайт после верстки и наполнения. Дизайн — макет содержит текст, шрифт, изображения, все элементы будущего сайта.

ЭТАПЫ РАБОТЫ НАД ПРОЕКТОМ

Брифинг

Аналитика

Прототипирование

Дизайн–проект

Вёрстка и адаптив

Запуск сайта

Поддержка

01
02
04
06
03
05
07
Чтобы я могла лучше понять цели и задачи вашего проекта, объёмы работы и сроки, потребуется ответить на несколько вопросов. Затем составляем ТЗ, подписываем договор, вносите предоплату и запускаем проект в работу.
Создаю прототип сайта в Figma. Определяю структуру сайта, из каких блоков он будет состоять, где будет расположены заголовки, текст, фото, подбираю шрифты и т. п.
Переношу согласованный дизайн-проект на платформу Tilda, добавляю необходимую анимацию и эффекты.
При необходимости верстаю адаптивные версии для мобильных устройств.
На этом этапе разрабатывается дизайн-концепция сайта. Определяется цветовая палитра, подбираются шрифты. Становится визуально понятно как будет выглядеть будущий сайт.
При необходимости прорисовываются адаптивные версии для мобильных устройств.
Вы оплачиваете вторые 50%. Я передаю пароли от сайта (если верстаю на вашем аккаунте), передаю готовый сайт на ваш аккаунт в Tilda (если я верстаю на своём аккаунте), или передаю сайт на ваш домен.
Провожу анализ сайтов конкурентов вашего бизнеса и вашей целевой аудитории, собираю референсы. Определяю настроение и стилистику будущего сайта, составляю мудборд.
Я оформляю инструкцию/гайд по поддержке работы сайта, как производить замену или добавление контента при необходимости.
Еще неделю после запуска я буду готова ответить на ваши вопросы по работе сайта, и/или внести необходимые корректировки для его корректной работы.

ЭТАПЫ РАБОТЫ НАД ПРОЕКТОМ

Брифинг

Аналитика

Прототипирование

Дизайн–проект

Вёрстка и адаптив

Запуск сайта

Поддержка

01
02
04
06
03
05
07
Создаю прототип сайта в Figma. Определяю структуру сайта, из каких блоков он будет состоять, где будет расположены заголовки, текст, фото, подбираю шрифты и т. п.
Переношу согласованный дизайн-проект на платформу Tilda, добавляю необходимую анимацию и эффекты.
При необходимости верстаю адаптивные версии для мобильных устройств.
На этом этапе разрабатывается дизайн-концепция сайта. Определяется цветовая палитра, подбираются шрифты. Становится визуально понятно как будет выглядеть будущий сайт.
При необходимости прорисовываются адаптивные версии для мобильных устройств.
Вы оплачиваете вторые 50%. Я передаю пароли от сайта (если верстаю на вашем аккаунте), передаю готовый сайт на ваш аккаунт в Tilda (если я верстаю на своём аккаунте), или передаю сайт на ваш домен.
Провожу анализ сайтов конкурентов вашего бизнеса и вашей целевой аудитории, собираю референсы. Определяю настроение и стилистику будущего сайта, составляю мудборд.
Я оформляю инструкцию/гайд по поддержке работы сайта, как производить замену или добавление контента при необходимости.
Еще неделю после запуска я буду готова ответить на ваши вопросы по работе сайта, и/или внести необходимые корректировки для его корректной работы.
Чтобы я могла лучше понять цели и задачи вашего проекта, объёмы работы и сроки, потребуется ответить на несколько вопросов. Затем составляем ТЗ, подписываем договор, вносите предоплату и запускаем проект в работу.
Провожу анализ сайтов конкурентов вашего бизнеса и вашей целевой аудитории, собираю референсы. Определяю настроение и стилистику будущего сайта, составляю мудборд.

УСЛУГИ И СТОИМОСТЬ

Лендинг (одностраничный сайт)

От 20 000 руб. *
От 10 рабочих дней
Одностраничный сайт с призывом к действию и обратной связью. Используется для рекламной кампании, презентации, приглашения на мероприятие. Подойдёт так же для небольших компаний или частного предпринимательства.

Многостраничный сайт

От 45 000 руб. *
От 20 рабочих дней
Сайт, состоящий из нескольких связанных между собой страниц. Содержит больший объём информации. Подойдёт для более крупного бизнеса, для компаний с большим количеством услуг, разветвлённой структурой.

Дизайн – макет сайта

От 15 000 руб. *
От 10 рабочих дней
Макет сайта, созданный в графическом редакторе Figma с использованием выбранной цветовой палитры и наборов шрифтов, и готовый к вёрстке. При необходимости создаётся адаптивная версия под мобильные устройства.
Я стараюсь не делать шаблонных проектов. Каждый проект индивидуален и требует такого же подхода. Окончательная цена будет определена после обсуждения проекта.
*
хочу обсудить проект
остались вопросы
ДА
НЕТ
жми
скроль

УЖЕ ГОТОВЫ ОБСУДИТЬ ПРОЕКТ?

ВОПРОСЫ, КОТОРЫЕ ЧАСТО ЗАДАЮТ

Всё еще остались вопросы?
нужно заполнить бриф
Чтобы я могла определить сложность вашего проекта, объемы и сроки выполнения
свяжитесь со мной, мы всё обсудим

ПРИШЛО ВРЕМЯ ПОДРОБНЕЕ ПОГОВОРИТЬ О ВАШЕМ ПРОЕКТЕ

Made on
Tilda