Верстка билетного агрегатора

Цена договорная
09 июля 2019, 16:57 • 14 откликов • 74 просмотра

Краткое ТЗ

Цена: договорная , срок до 3-х недель с учетом правок

Верстка сайта билетного агрегатора «Билетон» в соответствии с макетами в Zeplin. Дизайн разработан в 2-х версиях(1024, 320).

Страницы:

1.Главная(с фильтрами по мероприятиям)

2. Основная страница мероприятия

3. Быстрая покупка (покупка билета без предварительной регистрации)

4. Корзина

5. Личные данные(профиль)

6. Приобретённые билеты(мои платежи)
7. Вход (отдельная страница и popup)
8. Регистрация
9. Страница выдачи поиска
10. Страница билетного объекта(театр Камала, Казанский цирк и т.п.)
11. Покупка абонемента


Дизайн части страниц

https://drive.google.com/open?id=1sgve7QNO6UI74LN8DYtoMrZnPqoAmxRp


Стандарты на front-end:


Используемые инструменты: Sass, HTML

Во всех браузерах (Mozilla, Firefox, Opera, Chrome, IE 10+,Edge, Safari) и на трех платформах(Windows, IOS, Android) должно быть соответствие макетам.

Требования к разметке :

1. Должны отсутствовать семантические ошибки в разметке. Вёрстка должна проходить валидаторы : https://validator.w3.org/nu/
2. В разметке отсутствуют дублирования кода для одного и того же элемента на разных разрешениях.
3. Для вёрстки используется БЭМ методология https://ru.bem.info/methodology/quick-start/
4. В разметке должно использоваться минимальное кол-во элементов.
5. Не допускается использование тега table
6. Разбивать на мелкие файлы - блоки, которые подключаются в страницу
7. Все иконки делать с помощью svg (Все необходимые файлы можно будет выгрузить из Zeplin проекта)
8. Обязательно комментирование крупных смысловых блоков в целях читаемости

Требования к стилям :

  1. На проектах используется Sass
  2. Используем подход mobile-first
  3. Верстка должна быть адаптивной. На всех разрешениях экрана от 1920 до 320px должна сохраняться структура, заложенная в дизайн-макетах.
  4. Не допускается использование Фреймворков и их частей. (за исключением Bootstrap 4, но можно и без фреймворков)
  5. Сетка делается с помощью flexbox
  6. В стилях отсутствуют !important
  7. Все нестандартные шрифты подключаются локально с помощью тегов @font-face.
  8. Также должны указывать альтернативные стандартные шрифты схожие с тем что подключается.
  9. Стили должны быть разбиты на файлы которые соответствуют блокам.
  10. Все изменения :hover состояний, и :focus эффекты полей вида input сопровождаются микро анимациями и transition эффектами

Планируемые сроки (дни календарные)

Этап-1 - 5-7 дней

Главная(с фильтрами по мероприятиям)
Основная страница мероприятия
Страница билетного объекта(театр Камала, Казанский цирк и т.п.)

Этап-2 - 5-7 дней

Быстрая покупка (покупка билета без предварительной регистрации)
Корзина
Личные данные(профиль)
Приобретённые билеты(мои платежи)

Этап 3 - 5-6 дней

Страница выдачи поиска
Покупка абонемента
Вход (отдельная страница и popup)


Итого - примерно 3 недели

Если Вас заинтересовал наш проект, от Вас:

  1. Ссылки на 3 последние ваши работы
  2. Ваши предложения по бюджету и срокам
Файлы