Дмитрий Иванов
Заказчик Дмитрий Иванов xdimx | FL.RU

Дмитрий Иванов

На сайте 16 лет и 5 месяцев (заходил 11 месяцев 9 дней назад)
12
422.48
Рейтинг
422.48
Все (8)       Заказы (8)        Вакансии (0)       Конкурсы (0)
Разместить заказ
17 Июня 2022
По договоренности
Требуется верстка лендинга строго pixel perfect!!! за исключением возможных ошибок в дизайне с выравниваем.

Макеты в Figma:

www.figma.com/file/SWU4gF...

В figma представлены 2 варианта дизайна, ориентироваться на следующие параметры ширины экрана:

- до 767 px (смартфон версия макета, тянуть макет до 768 px)
- 768 – выше (desktop)

Сжатие от desktop вниз до моб версии – на усмотрение верстальщика.

все иконки и пиктограммы ставить как SVG. Если чего-то не хватает в макете – просьба спрашивать, все будет предоставлено.

Использовать верстку на классах без фреймворков. Без Float и position absolute (только если в исключительных случаях).

Весь JS как vanilla или через Jquery (за исключением каруселей и прочего). Блоки JS желательно прокомментировать глобально. Не минифицировать.
На 1 экране фон – видео, НЕ картинка.

Карусель 1 (ролики):

При клике на видео в карусели 1: открывать видео в плеере во всплывашке. Для примера взять любое видео. Анимация карусели показана тут:

www.figma.com/proto/SWU4g...

Карусель 2 с партнерами: предусмотреть большое число партнеров (можно сделать повторяющиеся лого).

Меню сделать как fixed, ссылки с пунктов меню – плавный скролл в нужному фрагмену страницы. Меню отрисовано отдельно в Figma.

Все hover и clicked классы прописаны в figma, переход в ним делать через небольшой transition (не резко).

Карта – поставить реальную google или Yandex с точкой с адресом на карте.

Форма: собирать все поля, проверять на заполненность (подсвечивать если не заполнено и не отправлять), проверять корректность телефона, и отправлять куда угодно через ajax (ответ сервера не проверять, просто включать всплывашку, что все ок)

Ссылки на ролики:

mos.signalserver.ru/index...
Moscow Night Sport

mos.signalserver.ru/index...
BMX

mos.signalserver.ru/index...
Архитектура

mos.signalserver.ru/index...
Графика

Фоновое видео для 1 слайда: signal-tv.com/bgvideo.mp4

Прошло времени с момента публикации: 2 года 9 дней 3 часа 3 минуты
Раздел: Сайты / Верстка

Рейтинг: 1193 Исполнитель определен:
05 Апреля 2022
По договоренности
Требуется верстка лэндинга, строго pixel perfect!!! за исключением возможных ошибок в дизайне с выравниваем.

Макеты в Figma:

www.figma.com/file/d2yJO8...

В figma представлены небольшие изменения дизайна под разрешения:

>= 1920 px
1919 – 1280px
<= 1279 px

Ширину ниже 768 px не уменьшать, можно включать скролл.

Весь JS нужно сделать на Jquery с комментированим глобальных блоков кода.

Логика работы страницы представлена тут:

www.figma.com/proto/d2yJO...

Для проигрывания ролика можно использовать любой mp4 файл.

Картинки, иконки SVG и шрифты брать из архива: disk.yandex.ru/d/BvczaTOM...

Прошло времени с момента публикации: 2 года 2 месяца 22 дня 1 час 55 минут
Раздел: Сайты / Верстка

Рейтинг: 6900.2 Исполнитель определен:
29 Марта 2022
По договоренности
Требуется сверстать шаблон письма на table. Чтобы корректно открывалась в почтовиках.

Приоритет mobile верстки. Есть desktop версия и mobile шаблоны. Верстка в точности по макету. Не попадание в макет не допускается. Никаких внешних CSS только inline.

Макеты тут (см вариант 1):

www.figma.com/file/Q7X4oX...

Прошло времени с момента публикации: 2 года 2 месяца 29 дней 3 часа 12 минут
Раздел: Сайты / Верстка

Рейтинг: 16945.3 Исполнитель определен:
20 Февраля 2022
По договоренности
1. Требуется верстка лэндинга, строго pixel perfect!!! за исключением возможных ошибок в дизайне с выравниваем.

Макеты в 4 разрешениях в Photoshop.

2. Нужно ориентироваться на следующие параметры ширины экрана:
- до 767 px (смартфон)
- 768 – 1023 px (планшет)
- 1024 – 1279 px (малый десктоп)
- от 1280 и выше (большой десктоп)

3. На смартфоне и планшете сайт растягивается на ширину экран. На малом десктопе сайт зафиксирован по ширине 968 px. На большом десктопе сайт зафиксирован по ширине 1232 px.

4. На телефоне в шапке сайта внизу должно быть квадратное пустое пространство для отображения фоновой картинки. Ширина и высота этого пространства должна соответствовать ширине экрана. Фоновая картинка на телефоне должна растягиваться по ширине экрана.

5. В шапке сайта на десктопе и планшете не должно быть фонового цвета, а на телефоне должен быть фоновый цвет #dfeef5.

6. Телефон в шапке сайта является ссылкой. При наведении внешний вид никак не менять.

7. При прокрутке сайта фиксированная шапка должна появляться тогда, когда верхняя граница экрана совпадает с нижней границей основной шапки сайта. Фиксированная шапка должна исчезать, когда нижняя граница экрана находится ниже верхней границы подвала сайта.

8. В шапке сайта у пунктов меню при наведении менять цвет на синий (#003594), не подчеркивать. При нажатии на пункт меню сайт нужно прокручивать к соответствующему разделу плавно.

9. У кнопок при наведении менять цвет фона (цвет текста и обводки) на #18bbf0, использовать transition.

Прошло времени с момента публикации: 2 года 4 месяца 5 дней 17 часов 53 минуты
Раздел: Сайты / Верстка

Рейтинг: 10247.8 Исполнитель определен:
17 Февраля 2022
По договоренности
Требуется адаптивная верстка, pixel perfect с допуском до 3 пикселей (где не критично).

Desktop и Mobile версии предоставлены в Figma www.figma.com/file/sjcXtY...

Во всех разрешениях между представленными макетами верстка допускается на усмотрение исполнителя (в сложных случаях лучше согласование с заказчиком), без потери функциональности.

1. Все иконки, и векторные объекты Figma разместить как SVG.

2. Видео слайдер должен прокручиваться плавно согласно макету. При клике по слайдеру показывается popup с видео, видео ставится на проигрывание.

3. Видео во всплывающем окне, занимает 90% ширины экрана. Встроенный плеер, не Youtube. Для демонстрации можно поставить любое видео.

4. Весь JS реализовать на JQuery.

5. По мере скрола страницы вниз "выезжают" с анимацией цветные графические элементы (большие цветные "иконки"). Список будет уточнен.

6. Все состояния кнопок и стрелок брать согласно макету.

7. При клике на блок « + технические характеристики» открывать popup как в макете. Popup с характеристиками должен быть свой для каждой модели.

8. Нижнее меню плавно скролит до нужно подпункта внутри страницы.

Прошло времени с момента публикации: 2 года 4 месяца 8 дней 6 часов 13 минут
Раздел: Сайты / Верстка

Рейтинг: 10247.8 Исполнитель определен:
08 Февраля 2022
По договоренности
Требуется верстка лэндинга, строго pixel perfect!!! за исключением возможных ошибок в дизайне с выравниваем.

макеты в Photoshop.

В дизайне использована 8-пиксельная сетка, которой нужно придерживаться.

То есть, фиксированные расстояния должны быть кратны 8 (с поправкой на разницу между фактически заданными и визуальными размерами).

При необходимости, можно использовать половину шага (4px) для
объектов, которые не влияют на свои дочерние объекты (например, для межстрочного расстояния в
тексте или для ширины кнопки). Обратите внимание, что в текстовых блоках (заголовки, абзацы и т.п.)
текст в сетке выравнивается по нижнему краю текста, а не верхнему.

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

Нужно ориентироваться на следующие параметры ширины экрана:
- до 767 px (смартфон)
- 768 – 1023 px (планшет)
- 1024 – 1279 px (малый десктоп)
- от 1280 и выше (большой десктоп)

На смартфоне и планшете сайт растягивается на ширину экран. На малом десктопе сайт зафиксирован
по ширине 968 px. На большом десктопе сайт зафиксирован по ширине 1232 px.

Картинка в шапке сайта на телефоне должна растягиваться по ширине экрана.
В шапке сайта у пунктов меню при наведении менять цвет на оранжевый (#ffaa46), подчеркивать не
надо.

При нажатии на пункт меню сайт нужно прокручивать к соответствующему разделу плавно.

Блок с табличкой (интерпретация) под исследованием на мобильной версии работает идентично
этому блоку на сайте www.cmd-online.ru/analizy...
specificheskij-antigen-obshhijsvobodnyj_070002/?search=y , горизонтальный скролл.

Блок «Что такое ПСА?» имеет картинку врача, на экранах desktop и small этот врач зафиксирован на
экране до конца этого блока.

Карту с офисами делать НЕ надо.

Прошло времени с момента публикации: 2 года 4 месяца 17 дней 5 часов 56 минут
Раздел: Сайты / Верстка

Рейтинг: 16945.3 Исполнитель определен:
02 Февраля 2022
По договоренности
Требуется сверстать шаблон письма на table. С картинками png и шрифтами. Чтобы открывалась в почтовиках. приоритет mobile верстки. Есть desktop версия и mobile: разница только в том, чтобы таблицы сжимались до mobile вида. Верстка в точности по макету. Не попадание в макет не допускается. Никаких внешних CSS только inline... и должно открываться во всех популярных майлерах корректно.

Макет в Zeplin. Доступ будет предоставлен.

Прошло времени с момента публикации: 2 года 4 месяца 23 дня 2 часа 28 минут
Раздел: Сайты / Верстка

Рейтинг: 16945.3 Исполнитель определен:
10 Ноября 2021
По договоренности
Требуется адаптивная верстка

Desktop и Mobile версии предоставлены в Figma www.figma.com/file/eU7sUA...

Во всех разрешениях между представленными макетами верстка допускается на усмотрение исполнителя (в сложных случаях лучше согласование с заказчиком), без потери функциональности.

1. Все иконки, и векторные объекты Figma по возможности разместить как SVG.

2. Видео слайдер должен прокручиваться согласно макету, и приложенным картинкам. При клике по слайдеру показывается popup с видео, видео ставится на проигрывание. Все 8 блоков видео слайдера отрисованы в макете отдельно (3 колонка внизу).

3. Видео во всплывающем окне, занимает 90% ширины экрана. Встроенный плеер, не Youtube. Для демонстрации можно поставить любое видео.

4. Форму обратной связи проверять на корректность полей: email, тел, текстовые непустые поля. Если все корректно сделать пустой Ajax вызов (без проверок успешности).

5. Весь JS реализовать на JQuery.

6. По мере скрола страницы вниз некоторые графические элементы:
• Шапка: Желтая лампа
• Особенности моделей: стрелочки и страницки на которые они указывают. Сначала рисуются стрелочки, дальше с небольшой задержкой «выезжают» странички или фото.
4 шт.
• License id: оводка + стрелка и дальше картинка на которую указывает стрелка.
• Новое определение: желтая рука и дальше картинка с клавиатурой.
• Стандарт безопасности: синие иконки последовательно и дальше желтый щит
• Модели в линейке: желтые стрелки
• Видео линейки: фиолетовая камера и дальше включается видео слайдер.
• Инновации в лучшем виде: подчеркивание и дальше фото брошюры.
• Хотите узнать больше: фиолетовые рамки.

7. Все состояния кнопок и стрелок брать согласно UI kit (есть в макете).

8. Черный Мини-слайдер моделей (в блоке «Модели в линейке») сделать согласно макету. При клике по названию модели меняется:
- активный пункт в слайдере
- 3 пункта характеристик
- название модели на желтом фоне.
- возможно (пока не делать, но предусмотреть, если понадобится) фото модели.

9. При клике на блок « + технические характеристики» открывать popup как в макете. Popup с характеристиками должен быть свой для каждой модели (в верстке текст можно оставить один и тот же для всех popup).

10. Верхнее и нижнее меню плавно скролит до нужно подпункта внутри страницы.

Прошло времени с момента публикации: 2 года 7 месяцев 14 дней 23 часа 51 минута
Раздел: Сайты / Верстка

Рейтинг: 8504.2 Исполнитель определен:
Сведения об ООО «Ваан» внесены в реестр аккредитованных организаций, осуществляющих деятельность в области информационных технологий. ООО «Ваан» осуществляет деятельность, связанную с использованием информационных технологий, по разработке компьютерного программного обеспечения, предоставлению доступа к программе для ЭВМ и является правообладателем программы для ЭВМ «Платформа FL.ru (версия 2.0)».