Контакты
Иллюстрации
Меню для мобильного, вариант а: открыть меню → контакты → тг, вк, почта
Сайт для клининговой компании
Чтобы съесть слона, нужно делать это по кусочкам. Так же и с большим проектом. Поэтому делим процесс на простые этапы и приступаем к работе.
Договор
Согласование
Согласование
— уточним детали

— подготовим смету
— сдача проекта и руководства
Оптимизация
Вёрстка
Эскиз
Прототип
Бриф
Интервью
Заказать дизайн
Человечки на серой подложке. Экраны от 640px до 980px
Договор
Согласование
Согласование
— уточняем детали

— готовим смету
— сдаём проект и руководство
Оптимизация
Вёрстка
Эскиз
Прототип
Бриф
Интервью
Заказать дизайн
Блоки этапов работы над проектом. Экраны от 640px до 980px
Элементы для скрытия блоков этапов. Экраны от 640px до 980px
Блоки этапов работы над проектом. Экраны от 0px до 640px
Интервью
Мы беседуем и выясняем важные подробности: для чего нужен сайт, какие задачи он должен решать, когда он нужен и так далее.
Интервью
Мы беседуем и выясняем важные подробности: для чего нужен сайт, какие задачи он должен решать, когда он нужен и так далее.
Интевью. Экраны от 0px до 320px
Интервью
Мы беседуем и выясняем важные подробности: для чего нужен сайт, какие задачи он должен решать, когда он нужен и так далее.
Интевью. Экраны от 320px до 480px
Документ проекта
Чтобы сказанное не потерялось, вся информация заносится в проектный документ — что-то вроде карты проекта. В процессе работы это позволит ясно видеть, на каком этапе мы находимся, что уже сделали, а что ещё предстоит.
Всю информацию записываем в отдельный документ. В процессе работы это позволит ясно видеть, на каком этапе мы находимся, что уже сделали, а что ещё предстоит.
Документ проекта
Чтобы сказанное не потерялось, вся информация заносится в проектный документ — что-то вроде карты проекта. В процессе работы это позволит ясно видеть, на каком этапе мы находимся, что уже сделали, а что ещё предстоит.
Всю информацию записываем в отдельный документ. В процессе работы это позволит ясно видеть, на каком этапе мы находимся, что уже сделали, а что ещё предстоит.
Документ проекта. Экраны от 0px до 320px
Документ проекта
Чтобы сказанное не потерялось, вся информация заносится в проектный документ — что-то вроде карты проекта. В процессе работы это позволит ясно видеть, на каком этапе мы находимся, что уже сделали, а что ещё предстоит.
Всю информацию записываем в отдельный документ. В процессе работы это позволит ясно видеть, на каком этапе мы находимся, что уже сделали, а что ещё предстоит.
Документ проекта. Экраны от 320px до 480px
Прототип
Сначала схематично описываем, какие блоки будут на сайте. А потом создаём макет — он покажет, как примерно будет выглядеть будущий сайт.
Именно с него начинается практическая работа над сайтом. Первый прототип — функциональный. Он отражает общую структуру сайта и ключевые моменты.
Потом создаем второй прототип. Он наглядно показывает, как будет выглядеть будущий сайт. На этом этапе что-то можно изменить, убрать или добавить.
Прототип
Сначала схематично описываем, какие блоки будут на сайте. А потом создаём макет — он покажет, как примерно будет выглядеть будущий сайт.
Именно с него начинается практическая работа над сайтом. Первый прототип — функциональный. Он отражает общую структуру сайта и ключевые моменты.
Потом создаем второй прототип. Он наглядно показывает, как будет выглядеть будущий сайт. На этом этапе что-то можно изменить, убрать или добавить.
Прототип. Экраны от 0px до 320px
Прототип
Сначала схематично описываем, какие блоки будут на сайте. А потом создаём макет — он покажет, как примерно будет выглядеть будущий сайт.
Именно с него начинается практическая работа над сайтом. Первый прототип — функциональный. Он отражает общую структуру сайта и ключевые моменты.
Потом создаем второй прототип. Он наглядно показывает, как будет выглядеть будущий сайт. На этом этапе что-то можно изменить, убрать или добавить.
Прототип. Экраны от 320px до 480px
Эскиз
Когда прототип согласован наполняем будущий сайт контентом и визуально оформляем: подбираем шрифты, определяем основные цвета, делаем иллюстрации.
Эскиз
Когда прототип согласован наполняем будущий сайт контентом и визуально оформляем: подбираем шрифты, определяем основные цвета, делаем иллюстрации.
Эскиз. Экраны от 0px до 320px
Эскиз
Когда прототип согласован наполняем будущий сайт контентом и визуально оформляем: подбираем шрифты, определяем основные цвета, делаем иллюстрации.
Эскиз. Экраны от 320px до 480px
Вёрстка
Дальше по готовому эскизу переносим сайт в интернет — переводим всё в программный код и загружаем на сервер. Так наш проект появится в сети и станет доступен всем на компьютерах и смартфонах.
Вёрстка
Дальше по готовому эскизу переносим сайт в интернет — переводим всё в программный код и загружаем на сервер. Так наш проект появится в сети и станет доступен всем на компьютерах и смартфонах.
Вёрстка. Экраны от 0px до 320px
Вёрстка
Дальше по готовому эскизу переносим сайт в интернет — переводим всё в программный код и загружаем на сервер. Так наш проект появится в сети и станет доступен всем на компьютерах и смартфонах.
Вёрстка. Экраны от 320px до 480px
Дополнения
Часто во время работы над проектом появляются полезные идеи. Так придумали новый домен perm.cleaning. Он понятный и говорит сам за себя — клининг в Перми. Его легко запомнить.

В процессе увлеклись и упростили таблицу, в которой работал клиент. Избавились от нагромождения сеток и придумали цветовую идентификацию. Теперь планирование графика проходит быстрее и проще.
В процессе упростили таблицу, в которой работал клиент. Избавились от нагромождения сеток и придумали цветовую идентификацию. Теперь планирование графика проходит быстрее и проще.
Дополнения
Часто во время работы над проектом появляются полезные идеи. Так придумали новый домен perm.cleaning. Он понятный и говорит сам за себя — клининг в Перми. Его легко запомнить.

В процессе увлеклись и упростили таблицу, в которой работал клиент. Избавились от нагромождения сеток и придумали цветовую идентификацию. Теперь планирование графика проходит быстрее и проще.
В процессе упростили таблицу, в которой работал клиент. Избавились от нагромождения сеток и придумали цветовую идентификацию. Теперь планирование графика проходит быстрее и проще.
Дополнения. Экраны от 0px до 320px
Дополнения
Часто во время работы над проектом появляются полезные идеи. Так придумали новый домен perm.cleaning. Он понятный и говорит сам за себя — клининг в Перми. Его легко запомнить.

В процессе увлеклись и упростили таблицу, в которой работал клиент. Избавились от нагромождения сеток и придумали цветовую идентификацию. Теперь планирование графика проходит быстрее и проще.
В процессе упростили таблицу, в которой работал клиент. Избавились от нагромождения сеток и придумали цветовую идентификацию. Теперь планирование графика проходит быстрее и проще.
Дополнения. Экраны от 320px до 480px
Вместо заключения
Чтобы собрать большой адронный коллайдер, нужно учесть теорию относительности, рассчитать ядерный заряд и ещё много всего.
Точный расчёт и грамотная работа — вот что лежит в основе сильного и функционального проекта. С сайтом проще, но принцип тот же.
А затрат на его создание уйдет намного меньше.
Чтобы собрать большой адронный коллайдер нужны точный расчёт и грамотная работа. С сайтом проще, но принцип тот же. А затрат на его создание уйдет намного меньше.
Вместо заключения
Чтобы собрать большой адронный коллайдер, нужно учесть теорию относительности, рассчитать ядерный заряд и ещё много всего.
Точный расчёт и грамотная работа — вот что лежит в основе сильного и функционального проекта. С сайтом проще, но принцип тот же.
А затрат на его создание уйдет намного меньше, чем на коллайдер.
Чтобы собрать большой адронный коллайдер нужны точный расчёт и грамотная работа. С сайтом проще, но принцип тот же. А затрат на его создание уйдет намного меньше.
Вместо заключения. Экраны от 0px до 320px
Вместо заключения
Чтобы собрать большой адронный коллайдер, нужно учесть теорию относительности, рассчитать ядерный заряд и ещё много всего.
Точный расчёт и грамотная работа — вот что лежит в основе сильного и функционального проекта. С сайтом проще, но принцип тот же.
А затрат на его создание уйдет намного меньше, чем на коллайдер.
Чтобы собрать большой адронный коллайдер, нужны точный расчёт и грамотная работа. С сайтом проще, но принцип тот же. А затрат на его создание уйдет намного меньше.
Вместо заключения. Экраны от 320px до 480px
Made on
Tilda