Вёрстка для компании «Твой мир»

Сверстал страницу каталога с функционалом фильтров и переключением вида.

Запрограммировал калькуляцию товаров в 5 вариантов с помощью всего лишь одной функции.

Страница каталога

По странице каталога были следующие задачи:

  • Разработать страницу по предоставленному дизайну
  • Создать функционал для блока слева: бегунок цены, выбор и сброс цвета, показ/скрытие секций, показ/скрытие блоков каталога.
  • Переключение вида товаров,
  • Стилизация стандартных полей: выпадающих списков, переключателей.

Демонстрация итогового функционала

Демонстрация работы калькулятора

Страница товара

Задачи по странице товара:

  • Создание кода страницы по дизайну
  • Карусель и галерея в всплывающем окне
  • Всплывающее окно при нажатии на знак вопроса или на «купить в один клик»
  • Вкладки в описании
  • Раскрывающийся блок
  • Карусель в конце страницы
  • Расчет стоимости в 5 вариациях

Демонстрация работы

Расчет в пяти вариациях

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

Было потрачено достаточно усилий и у меня получилось написать один код для всех пяти вариаций.

Пять вариаций расчета

1. Длина, количество, с возможностью удаления и добавления новых строк.

Вёрстка для компании "Твой мир" 1
Длина, количество, с возможностью удаления и добавления новых строк.

2. Изменение только количества с длиной и шириной.

Вёрстка для компании "Твой мир" 2
Изменение только количества

3. Без длины и ширины

Вёрстка для компании "Твой мир" 3
Без длины и ширины

4. Двойной расчет

Вёрстка для компании "Твой мир" 4
Двойной расчет

5. Только количество

Вёрстка для компании "Твой мир" 5
Только количество
Хочешь такой же результат?
Имя
Контакт для связи
Подробнее о проекте

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

Вопрос-ответ

Работаете с NDA?

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

Вы отвечаете за сроки?

Я не планирую впритык. Закладываю время на коммуникацию и детальную проработку. За каждый день просрочки по моей вине вычитаю 3% от моей оплаты. Прописываю это в договоре.

Работаете по договору?

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

Какие этапы разработки сайта?

  1. Знакомство с задачей, ЦА и целью сайта.
  2. Заключение договора
  3. Предоплата 50%
  4. Изучение конкурентов, сильных и слабых мест.
  5. Создание структуры сайта
  6. Написание текстов
  7. Создание прототипа
  8. Создание дизайна
  9. Вёрстка сайта
  10. Создание админ. панели сайта
  11. Постоплата 50%
  12. Предоставление доступов и исходных материалов

Сможем ли мы самостоятельно редактировать сайт?

Да, сможете. В процессе разработки сайту будет добавлена возможно редактирования текста, изображений, блоков.

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

Нужно ли платить за сайт ежемесячно?

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

Нужно будет приобрести хостинг и домен. Хостинг — место хранения сайта в интернете. Домен — красивое название сайта. В среднем стоимость домена — 250 рублей в год, хостинга — 1800 рублей в год.

Если вы заказали разработку сайта на Тильде, вместо хостинга нужно будет оплачивать аккаунт в Тильде. Стоимость ежемесячной платы от 500 до 1200 в зависимостей от требования проекта.

Работаете по предоплате?

Размер предоплаты — 30−50%.

Можем договориться об разделении разработки на этапы. Каждый этап делится на предоплату и постоплату.

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

Вы создаете сайты на конструкторе?

Я работаю с конструктором Тильда. Работаю в основном в zero-блоке, он позволяет создать уникальный дизайн для каждого блока. Для большинства лендингов и корпоративных сайтов сайт на конструкторе более экономный и быстрый вариант.

Какие способы оплаты?

Qiwi, Яндекс деньги, Paypal, перевод на карту банка, перевод на юр. лицо, безопасные сделки через сторонние сервисы.

Вы продвигаете сайт после создания?

Я не занимаюсь продвижением. После создания сайта передаю клиента на продвижение профессионалам в области.

За какой срок выполняется создание сайта?

Срок выполнения работ зависит от объема и сложности задачи. В среднем — 14 дней. Крупные порталы могут создаваться 6 месяцев, а одностраничный сайт может быть готов уже спустя 10 дней.