CSS Верстка сервиса ( примерно 40 часов )

30 000 руб. за проект
13 ноября 2019, 13:24 • 13 откликов • 210 просмотров
Предоплаты нет.

Предлагаю разбить оплату на 5 частей:

Верстка Десктоп
Тестирование Десктоп (на предмет верстки). Исправление багов
Верстка Мобайл
Тестирование Мобайл (на предмет верстки). Исправление багов
Финальное тестирование

Нужно сделать верстку в уже работающий проект, (сверстать текущий проект)

Указывайте свой git репозиторий

Текущие состояние сервиса:

Desktop: Логика сделана на 99%. Сделан макет дизайнером 100%.

Mobile: Логика сделана на 99%. Сделан макет дизайнером 100%.

Мобильную и десктопную логику я разнес по компонентам ( html тэги angular). Есть корневой компонент в нем через ngIf определяется текущее разрешение , по разрешение показывается либо Десктоп либо Мобильная версия.

<app-route-support-desktop
*ngIf="screenSize !== size.MOBILE"
></app-route-support-desktop>
<app-route-support-mobile
*ngIf="screenSize === size.MOBILE"
></app-route-support-mobile>


Технологии:

Angular 7. Среда разработки WebStorm. Общаемся в vk, telegram. Репозиторий на github.

Прочее:

Если для удобства нужно будет разнести "angular компоненты", создать новые, не вопрос сделаю. Если для верстки нужно будет создать dev среду на ПК верстальщика, помогу с этим.

Проект нарисован в figma.
Проект уже сделан в angular.
Текущие стили , которые я использовал в разработке, нужно удалить и написать с нуля, компоненты трогать не нужно.

Объем:

Всего 7 страниц. Есть модальные окна.

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

Задача: Произвести верстку мобильной и десктопной версии. Верстка должна быть "адаптивной под все устройства". Для этого код автоматически определяет текущие разрешение экрана устройства и использует компоненты в зависимости от этого MOBILE или DESKTOP(не с все компонентами , но многие.) Можно а) использовать разные компоненты в зависимости от расширения б) css классы. Возможны другие алгоритмы – на усмотрение верстальщика. Использовать относительные размеры блоков, текста.

Задача: Создать"тему" сервиса для цветов чтобы все цвета сервиса были в одном месте, их легко было редактировать, при смене цвета в этом месте, меняются соответствующие цвета во всем сервисе. Также в будущем это можно использовать как "фичу", чтобы пользователь задавал собственную тему под себя.

Задача: Создать"тему" сервиса для шрифтов, чтобы все шрифты сервиса были в одном месте, их легко было редактировать,

Задача: Используем svg картинки.

Задача: Нарисовать все кнопки по макету, но часть из них будет скрыта на бою.

Задача: верстка должна смотреться аналогично на всех разрешениях

Пример одной из страниц тут : https://docs.google.com/document/d/16PCd4aaCSarmtl...