Сверстать сайт по дизайн макету (Нужна только верстка, без натяжки)

HTML та CSS верстання — неправильно зазначені категорії?

Цели и задачи по сайту(требования к верстке):

Верстка сайта по согласованному с Заказчиком дизайн-макету многостраничного сайта-каталога.
- Соответствие макету
- Кроссбраузерность, кодировка и DOCTYPE
- Валидность (включая CSSLint и JSHint), доступность (ARIA, WCAG), микроформаты (microformats 1 & 2, microdata)
- Независимость блоков в CSS: минимизация каскада, использование техник БЭМ
- Сайт должен нормально смотреться во всех стандартных разрешениях от 320 и выше, не иметь горизонтального скролла и вписываться в экран мобильных устройств
- Корректная работа при вбивании реального текста, надёжность вёрстки
- CSS должен быть написан с использованием препроцессоров Sass/Scss c использование систем сборки (Gulp/WebPack) и построцессоров (PostCSS/Autoprefixer).
- Проверка и оптимизация скорости загрузки: https://github.com/ihorzenich/WebPerformanceChecklist
- Поддержка Retina
- Наличие Win/Mac/Linux-аналогов шрифтов
- Доступность при выключенных(загружающихся) картинках
- HTML5 формы, линковка, валидация
- Семантичность. Отсутствие глупостей в html и scss, единообразие, аккуратность
- Правильная структура заголовков (H1,H2,… и т.д. и TITLE)
- Работоспособность при выключенном (незагруженном) JavaScript
- Работоспособность при выключенном Flash
- Отсутствие багов при увеличенном шрифте
- В качестве JS и реактивности использовать VueJS

Структура сайта:

Главная страница:
* слайдер с промообъектами (с определенными параметрами и стикерами, типа скидка 15% и т.д)
* формы поиска с расширенными параметрами поиска и синхронной подгрузкой параметров и установка счетчиков кол-ва объектов по выбранным параметрам (через API), для каждой категории — разные доп параметры
* Блоки с категориями недвижимости не хардкод, должны браться из настроенных фильтров и счетчики должны показывать реальные данные
* ТОП-12 (статическая выборка по заданным параметрам) для каждой категории (Квартиры, Дома, Новостройки, Участки и т. д.)
* Квиз подбора квартиры (не все 4 шага отрисованы)
* Программы оплаты — это блоки с информацией и при нажатии на кнопку всплывающими контакт формами для захвата лида
* Дистанционная сделка без риска
* Полезные видео — список видео роликов ютуба с категориями (должно заполнятся в админке или в спец интерфейсе)
* онлайн-журнал — топ/новые статьи в нескольких категориях (должно заполнятся в админке или в спец интерфейсе)
* С нами вы сможете выгодно купить квартиру в Сочи — сео блок с ссылкой на настраиваемую страницу
Листинг объектов недвижимости (плиткой + списком + на карте) + фильтры с расширенными параметрами поиска для каждой категории — разные параметры (см про поиск на главной):
* Новостройки.
* Квартиры.
* Дома.
* Участки.
* Коммерческая.
Карточка объекта недвижимости:
* Новостройки.
* Квартиры.
* Дома.
* Участки.
* Коммерческая.
Подборки (подборка объектов по заданным и сохраненным параметрам) .
Акции и скидки — страница со спецпредложениями
Ипотека:
* Блок общей информации
* блок с предложениями — должны настраиваться в админке и при клике вызов модального окна с контакт формой и отправка данных из формы в CRM
* Ипотечный калькулятор (с настраиваемыми банками и условиями)
* Каталог банков-партнеров
* Блок полезные видео (см гл. страницу)
* Блок полезные статьи (Подборка статей по ипотеке для разных категорий недвижимости)
Сравнение объектов (по каждому типу недвижимости отдельно):
* добавление объектов из списка / карточки и любой страницы где есть вывод блока с недвижкой и есть функционал добавления в сравнение/избранное)
* удаление из списка сравнения
* сравнение по заданным параметрам с подсветкой наилучшего предложения для каждого объекта
Избранные объекты — список объектов добавленных в избранное:
* добавление объектов в список
* удаление объектов из списка
* очистка списка
Услуги.
Бонусы покупателям.
Журнал:
* список категорий
* список статей в категории
* отдельная статья
Компания:
* промо блок с генеральным директором
* блок с текстом и сайдбаром с инфографикой (должна обновлятся автоматически)
Команда:
* Список сотрудников разделенный по отделам
* Карточка сотрудника
* Отзывы
* Список объектов в каждой категории (новостройки, квартиры и т.д.)
Карта сайта

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

Дизайн-Макет сайта:

https://www.figma.com/file/CxskvCxkqBK9Y0nGAWCX4H/%D0%9C%D0%BD%D0%BE%D0%B3%D0%BE%D1%81%D1%82%D1%80%D0%B0%D0%BD%D0%B8%D1%87%D0%BD%D1%8B%D0%B9-GRC-%D0%BF%D1%80%D0%B5%D0%B7%D0%B5%D0%BD%D1%82%D0%B0%D1%86%D0%B8%D1%8F-(SITE)?node-id=0%3A1

Прошу внимательно прочитать Т.З. прежде чем откликаться, и в отклике указывать реальную стоимость за проект и срок.

Ставки 12 Обговорення 3

Андрей К.

1 287 1

Проєкти 1 291
Оцінка 5.0
Рейтинг 103 511

Бюджет: 35000 RUB Термін: 20 днів

Здравствуйте.Есть большой опыт в верстке сайтов.Готов сделать frontend на React.Обращайтесь)

Антоний Веремко

0 0

Проєкти -
Оцінка -
Рейтинг 84

Бюджет: 25000 RUB Термін: 20 днів

Здравствуйте,
верстаю сайты балее 4 лет, хочу сделать ваш проект,
Цену и срок указал, гарантирую качественную верстку и быструю загрузку сайта
Пишите!

Ярослав Пашинский

1 0

Проєкти -
Оцінка -
Рейтинг 257

Бюджет: 20000 RUB Термін: 14 днів

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

Dulat Abdi

0 0

Проєкти -
Оцінка -
Рейтинг 115

Бюджет: 25000 RUB Термін: 12 днів

Я могу сделать вам адаптивный сайт под все виды техники (bootstrap)
Прочитал тз все могу
могу Добавить в ваш сайт анимацию на (html,css,js)

Ксения Попова

0 0

Проєкти -
Оцінка -
Рейтинг 102

Бюджет: 40000 RUB Термін: 7 днів

Здравствуйте.
Несмотря на огромное количество людей, работающих в сфере веб-дизайна, настоящих профессионалов найти бывает трудно.

Но когда есть опыт более 3 лет, измеряемый количеством заказов, а также успешными проектами даже на иностранной фриланс-бирже и положительными отзывами клиентов, то сомнений в профессионализме разработчика не остаётся. На данный момент, исполнитель Никита, специализирующийся на front-end разработке, свободен и готов приступить к Вашему заказу.

С примерами работ Вы можете ознакомиться по ссылкам:
https://nik-name544.github.io/couture.github.io/
https://nik-name544.github.io/blog.github.io/
https://nik-name544.github.io/wow-barber.github.io/

Технологии, который используются чаще всего: CSS, SCSS, HTML, JavaScript , Galp.

Ждем Вашего ответа. Хотелось бы добавить, что все детали проекта обсуждаются лично с Никитой.

С уважением,
Менеджер Ксения.

Виталий Ш.

114 1

Проєкти 106
Оцінка -
Рейтинг 2 271

Бюджет: 30000 RUB Термін: 12 днів

Здравствуйте. Специализируюсь на адаптивной верстке.

Создаю чистый, валидный, компактный и кроссбраузерный код
(scss+gulp, flexbox, оптимизация по google page speed, валидация, настройка форм, анимации и тд).

Работы в портфолио профиля. Буду рад сотрудничеству.

Виктор Б.

74 1

Проєкти 63
Оцінка -
Рейтинг 1 509

Бюджет: 30000 RUB Термін: 15 днів

Добра, Максим. Готов к работе. Указаны реальные сроки и цена. Максимальный срок - 15 дней. Владею указанным стеком, с ТЗ ознакомлен. Смогу чётко выполнить по нему. Опыт в вёрстке 4,5 года.