Уникальный и эффективный дизайн с учетом тематики, целевой аудитории вашего проекта и принципов юзабилити.
Точную цену и сроки я смогу назвать вам, видя ваше тех. задание/прототип/заполненный бриф. Чтобы узнать цену типового проекта – воспользуйтесь калькулятором.
Калькулятор стоимости дизайна многостраничного сайта
*Адаптивная верстка с подключением CMS WordPress является дополнительной услугой и не оказывается отдельно. То есть, верстку чужих макетов мой верстальщик не делает.
При заказе сайта с интеграцией CMS вы получаете полную настройку и базовую SEO оптимизацию.
Экономия
- Всплывающие окна, формы и т.д. бесплатно.
- В дизайне макетов стараюсь использовать иллюстрации с фотостоков, а не из поиска. Доплату за стоковые фото не беру если их не больше 5 шт.
- При заказе сайта с версткой, дизайн всех адаптивов можно не заказывать. Мой программист адаптирует сайт без отрисовки всех состояний. Самостоятельно, с моими устными уточнениями.
Дополнительно читайте: «Сколько стоит дизайн сайта и от чего зависит цена»
Подробнее о дизайне
Дизайн сайтов разрабатывается на основе брифа + схемы (прототипа). Wireframe делаю бесплатно. Прототипирование крупных проектов, оплачивается отдельно. Поэтому, отсутствие прототипа – увеличивает стоимость вашего проекта.
Дизайн многостраничного сайта состоит из главной страницы и нескольких внутренних. Количество внутренних страниц зависит от функционала сайта.
Сайт-визитка обычно состоит из 1-3 страниц. Интернет магазин, имеет много внутренних страниц, таких как корзина, карточка товара, акции и т.д.
Стоимость зависит от количества уникальных по структуре страниц.
Этапы работы
- Изучение предоставленной информации.
- Определение задач, которые сайт должен выполнять.
- Анализ структуры сайта и списка необходимых страниц.
- Анализ сайтов конкурентов.
- Проработка навигации и юзабилити сайта в целом.
- Прототипирование страниц. Wireframe. (если не предоставлен заказчиком).
- Макет главной и внутренних страниц в программе Figma.
- Макеты адаптивов.
Результатом работы будет проект в программе Figma
На данный момент дизайн сайтов в Photoshop не делаю! Только Figma.
- Вы получаете ссылку на проект в программе Figma или файл формата .fig
- UI гайд с состояниями всех активных элементов сайта
- Файлы использованных шрифтов (если требуется)
Эту же ссылку (на макет), вы передаете верстальщикам/разработчикам. Они точно знают, что с этим делать 😉
Размеры макетов сайтов
По умолчанию, я делаю дизайн сайта под самое популярное разрешение на данный момент. Например 1920px, с контентной частью от 1170px и выше (зависит от тематики проекта).
Адаптив 3 разрешения (ноутбук, планшет, телефон). Например: 1366px, 768px, 320px.
Если нужны дополнительные разрешения, то они оплачиваются вами отдельно.
Популярные устройства на данный момент времени, вы можете самостоятельно посмотреть на сайте – Statcounter. Global stats.
Примеры возможных разрешений:
Десктоп:
- 1920px
- 1440px
- 1280px
Планшеты:
- 1024px
- 970px
- 768px
Мобильные:
- 480px
- 375px
- 360px
- 320px