1

Этап 1

изучение макета ГЛАВНАЯ

2

Этап 2

нарезка макета

3

Этап 3

правки 1 неделя

4

Этап 4

правки 2 неделя

5

Этап 5

основная структура

6

Этап 6

СТРАНИЦА 2. УСЛУГА. нарезка + основная структура

7

Этап 7

адаптив

8

Этап 8

СТРАНИЦА 4 before-after

9

Этап 9

СТРАНИЦА 3 about

10

Этап 10

Popups при нажатии на подробнее (на странице до и после).

11

Этап 11

СТРАНИЦА 5 prices

12

Этап 12

Popup - записаться на приме - то что в шапке сайта

13

Этап 13

Popup_перезвонить_круглый виджет внизу

14

Этап 14

СТРАНИЦА 6 акции и скидки

15

Этап 15

СТРАНИЦА 7 Инфоцентр

16

Этап 16

СТРАНИЦА 8 контакты

17

Этап 17

Правки и провтыки по оформлению

18

Этап 18

карта проезда

1

Этап 1

изучение макета ГЛАВНАЯ

2

Этап 2

нарезка макета

3

Этап 3

правки 1 неделя

4

Этап 4

правки 2 неделя

5

Этап 5

основная структура

6

Этап 6

СТРАНИЦА 2. УСЛУГА. нарезка + основная структура

7

Этап 7

адаптив

8

Этап 8

СТРАНИЦА 4 before-after

9

Этап 9

СТРАНИЦА 3 about

10

Этап 10

Popups при нажатии на подробнее (на странице до и после).

11

Этап 11

СТРАНИЦА 5 prices

12

Этап 12

Popup - записаться на приме - то что в шапке сайта

13

Этап 13

Popup_перезвонить_круглый виджет внизу

14

Этап 14

СТРАНИЦА 6 акции и скидки

15

Этап 15

СТРАНИЦА 7 Инфоцентр

16

Этап 16

СТРАНИЦА 8 контакты

17

Этап 17

Правки и провтыки по оформлению

18

Этап 18

карта проезда

17 сентября 2017 01 декабря 2017
Цель завершена 2 декабря 2017
Общая

Сколько времени занимает верстка макета

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

UPD:

Начав вести хронометраж, я вижу, сколько именно времени у меня уходит на верстку отдельных блоков. Это интересно, хотя первая мысль не очень оптимистичная: казалось, что я быстрее работаю, а по факту - не так быстро, как хотелось бы. Но всё еще впереди)

 Критерий завершения

сверстан макет. время посчитано

  1. изучение макета ГЛАВНАЯ

    приблительно 30 мин

  2. нарезка макета

    13:10-14:20

  3. правки 1 неделя

    1. маленькая стрелка

    2. убрать + из преимуществ

    3. уменьшить *

    4. вернуть иконку шар языков

    5. убрать рамку иконок соцсетей

    6. нижнюю планку растянуть

    7. карта проымезд - оранжев

    8. уменьшить расстояние между кнопками в хедере

    9. увеличить расстояние между строками в услугах

    10. абзацы убрать в популярных услугах

    11. иконки примкнуть к правому краю

    12. добавить трубку слева

    13. добавить форму обратной связи справа

    14. добавить серч бар в хедер

    15. шрифт в меню в соответствии с макетом

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

    17. заменить стрелочки с кружочком на просто стрелки в мобильной версии

    18. подменю по высоте - в одну строку

    19. фон к слайдеру отдельно

    20. поменять стрелку у "смотреть больше"

  4. правки 2 неделя

    1. убрать в тексте про Basalt Complex

    2. вернуть search-bar на одну линию с языком в десктопной версии

    3. прижать логотип к левому краю

    4. МЕНЮ (нормальное открытие - без лишних прыжков высоты к низу экрана, растянуть меню по ширине по краям. без отступов по бокам)

    5. МЕНЮ (продолжение) (выпадающие блоки прижаты к левому краю, кант у подменю растянут на всю ширину выпадающего блока, меню в одну строку)

    6. Протезы - в одну строку

    7. Сделать фиксированное меню по макету, которое прилипает после услуг (высота - 46рх +4)

    8. крестик (закрывающий элемент) после открытия формы - для её закрытия

  5. основная структура

    1. nav

    2. header

    3. main-menu

    4. slider

    5. expert

    6. specialization

    7. video

    8. about

    9. employees

    10. advantages

    11. important-info

    12. footer

    13. tabs

    14. выпадающее меню

  6. СТРАНИЦА 2. УСЛУГА. нарезка + основная структура

    1. нарезка макета

    2. мини-навигация

    3. container-nav, service__description

    4. servuice__sidebar

    5. service__description

    6. tabs

    7. gallery

    8. service__price

    9. question-form

    10. service__sidebar__form

  7. адаптив

    1. nav

    2. header

    3. main-menu

    4. slider

    5. expert

    6. specialization

    7. video

    8. about

    9. employees

    10. advantages

    11. important-info

    12. footer

    13. tabs

    14. выпадающее меню

    15. adaptive-mobile320 header

  8. СТРАНИЦА 4 before-after

  9. СТРАНИЦА 3 about

  10. Popups при нажатии на подробнее (на странице до и после).

  11. СТРАНИЦА 5 prices

  12. Popup - записаться на приме - то что в шапке сайта

    1. 967рх

    2. 512-59 инпут

  13. Popup_перезвонить_круглый виджет внизу

  14. СТРАНИЦА 6 акции и скидки

  15. СТРАНИЦА 7 Инфоцентр

  16. СТРАНИЦА 8 контакты

  17. Правки и провтыки по оформлению

    1. отступы от блоков -

    2. восстановить планки сверху и снизу +

    3. кнопка в дорме "консультирует"

    4. кнопки без закруглений

    5. записаться на прием - фиксировано до цен +

    6. про Алл-ин-4 - справа отступ

    7. наклонный шрифт в формах бледнее +

    8. маска в телефонах +

    9. задать вопрос и записаться на прием - один попап +

    10. нажать на пустое место - мини-форма пропала + (попапы)

    11. меню в сайдбаре - отступы, цвет, открытие/закытие

    12. попап - девочку как на макете - чтобы не залазили поля на нее

    13. крестик в попапе белый

    14. страница до и после - форма "консультирует" = ниже

    15. страница до и после - кнопка "смотреть ее" = ниже

    16. До и После - 3 группы

    17. убрать подчеркивание на главную в логотипе +

    18. Инфоцентр - при наведении на заголовок и текст - подчеркивание

    19. на одной линии основной материал страницы и меню справа (заголовки и основная информация)

    20. меню большое - при наведении, а не клике

  18. карта проезда

  • 3483
  • 17 сентября 2017, 12:13
Регистрация

Регистрация

Уже зарегистрированы?
Быстрая регистрация через соцсети
Вход на сайт

Входите.
Открыто.

Еще не зарегистрированы?
 
Войти через соцсети
Забыли пароль?