Услуги

Дизайн сайтов

Уникальный и  эффективный  дизайн с учетом тематики, целевой аудитории вашего проекта и принципов юзабилити.

Точную цену и сроки я смогу назвать вам, видя ваше тех. задание/прототип/заполненный бриф. Чтобы узнать цену типового проекта – воспользуйтесь калькулятором.

*Адаптивная верстка с подключением CMS WordPress является дополнительной услугой и не оказывается отдельно. То есть, верстку чужих макетов мой верстальщик не делает.

При заказе сайта с интеграцией CMS вы получаете полную настройку и базовую SEO оптимизацию.

Экономия

  • Всплывающие окна, формы и т.д. бесплатно.
  • В дизайне макетов стараюсь использовать иллюстрации с фотостоков, а не из поиска. Доплату за стоковые фото не беру если их не больше 5 шт.
  • При заказе сайта с версткой, дизайн всех адаптивов можно не заказывать. Мой программист адаптирует сайт без отрисовки всех состояний. Самостоятельно, с моими устными уточнениями.

Дополнительно читайте: «Сколько стоит дизайн сайта и от чего зависит цена»


Подробнее о дизайне

Дизайн сайтов разрабатывается на основе брифа + схемы (прототипа).  Wireframe делаю бесплатно. Прототипирование крупных проектов, оплачивается отдельно. Поэтому, отсутствие прототипа – увеличивает стоимость вашего проекта.

Дизайн многостраничного сайта состоит из главной страницы и нескольких внутренних. Количество внутренних страниц зависит от функционала сайта.

Сайт-визитка обычно состоит из 1-3 страниц. Интернет магазин, имеет много внутренних страниц, таких как корзина, карточка товара, акции и т.д.

Стоимость зависит от количества уникальных по структуре страниц.

Этапы работы

  • Изучение предоставленной информации.
  • Определение задач, которые сайт должен выполнять.
  • Анализ структуры сайта и списка необходимых страниц.
  • Проработка навигации и юзабилити сайта в целом.
  • Анализ сайтов конкурентов.
  • Прототипирование  страниц. Wireframe или прототип. (если не предоставлен заказчиком).
  • Макет главной и внутренних страниц в программе Figma.
  • Макет адаптивов.

Результатом работы будет проект в программе Figma

На данный момент дизайн сайтов в Photoshop не делаю! Только Figma.

  • Вы получаете ссылку на проект в программе Figma или файл формата .fig
  • UI гайд с состояниями всех активных элементов сайта
  • Файлы использованных шрифтов (если требуется)

Этой же ссылкой (на макет), вы делитесь с вашим верстальщиком. Он точно знает, что с этим делать 🙂

Размеры макетов сайтов

По умолчанию, я делаю дизайн сайта под экран 1920px с контентной частью 1200px.

Адаптив под 4 разрешения: 1000px, 768px, 480px, 320px.

Дополнительные разрешения оплачиваются отдельно.

Примеры возможных разрешений:

Десктоп:

  • 1920px
  • 1440px
  • 1280px

Планшеты:

  • 1024px
  • 970px
  • 768px

Мобильные:

  • 480px
  • 375px
  • 360px
  • 320px

Дизайн лендинга

*Адаптивная верстка с подключением CMS WordPress является дополнительной услугой и не оказывается отдельно.

**Стоимость дизайна и верстки лендинга зависит от количества экранов. Всплывающие окна, формы и т.д. бесплатно.

Хотите знать цену в другой валюте (рубли, гривны, евро, йены, др.) просто посмотрите курс на сегодняшний день в поисковике.

Дизайн лендинга разрабатывается на основе текста, разбитого на смысловые блоки. Это может быть как текст в Microsoft Word, так и полноценный прототип, созданный в спец. программах.

продающий текст для лендинга
прототип лендинга
пример прототипа

На основе такого прототипа,  дизайн лендинга создается быстрее. А вот когда тех.задание написано сплошным текстом, приходится тратить дополнительное время на то, чтобы разобраться структуре будущего сайта.

Чем понятнее техническое задание, тем лучше результат.

Если на данный момент у вас нет текста для лендинга, и вы понятия не имеете, где искать хорошего копирайтера, я могу дать координаты, пишите.

Как происходит работа

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

Результатом работы будет макет в программе Figma

Вы получаете ссылку на лендинг с адаптивом или без – все будет доступно по одной ссылке. Этой же ссылкой, вы делитесь с вашим верстальщиком. Он точно знает, что с этим делать 🙂

Размеры макетов

По умолчанию, я делаю дизайн сайта под экран 1920px с контентной частью 1200px.

Адаптив лендинга под 4 разрешения: 1000px, 768px, 480px, 320px.

Дополнительные разрешения оплачиваются отдельно.

Редизайн сайтов

Очень часто, люди ошибочно называют редизайном, замену шрифтов или цветов на сайте. Перенос блоков или модулей, замену кнопок или баннеров. Это скорее можно назвать доработкой или настройкой сайта. Ну или если хотите, частичным редизайном.

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

Поэтому сразу хочу уточнить. Код чужих сайтов я не редактирую и шаблоны не настраиваю.

Редизайн –  это разработка нового дизайна, на основе вводных данных уже существующего сайта. Это комплексные изменения, часто с переносом сайта на более подходящую CMS систему.

Поэтому, после того как новый дизайн создан веб-дизайнером, макету требуется верстка! 

Когда сайту нужен редизайн

  • Сайт моральное устарел, перестал вызывать доверие.
  • То что считалось красивым 5 лет назад, сегодня может отталкивать посетителей.
  • Сайты конкурентов выглядят дороже, выигрышнее и современнее вашего.
  • Произошел ребрендинг и изменился корпоративный стиль компании.
  • Требуется изменение или расширение функционала.
  • Сайт изначально был спроектированных неверно.
  • Требуется улучшение юзабилити ресурса.
  • Со временем упала конверсия.
  • Отсутствует адаптивная версия.

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

Редизайн сайта может быть выполнен с сохранением прежней структуры или с полностью переработанной структурой. Все зависит от индивидуальных потребностей и причин смены дизайна.

Стоимость редизайна сайта

Так как я занимаюсь только комплексным редизайном, то цена не отличается от стоимости дизайна сайта. И зависит от масштаба проекта и объема работы.

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

Калькулятор стоимости редизайна

*Обращаю ваше внимание, при редизайне  бекенд и натяжку на вашу CMS не делаем!

Разработка сайтов

Услуга для тех, кому нужен не просто дизайн макет в psd формате или в Figma, а полноценная разработка сайта.

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

Ключевые этапы разработки сайта:

  • Прототип
  • Дизайн
  • Верстка HTML/CSS WordPress
  • Установка на хостинг
  • Настройка
  • Наполнение
  • Базовая SEO оптимизация

Более подробно о каждом этапе, можете прочитать в этой статье [ссылка] (статья в процессе написания)

Стоимость разработки сайта

Стоимость складывается так: цена за дизайн + цена за верстку + стоимость дополнительных услуг.

Цены на сайте не являются публичной офертой. 

Какие дополнительные услуги нужны будут именно вам, я сказать не могу. Все индивидуально.

Но это может быть:

  • Подбор доменного имени
  • Регистрация домена
  • Покупка хостинга
  • Подключение SSL сертификата
  • Написание текстов
  • Наполнение сайта контентом
  • Отрисовка дополнительной графики
  • Подключение ReCaptcha
  • Подключение XML карты сайта
  • Создание файла robots.txt
  • Установка счетчиков статистики
  • Подключение модуля онлайн чата или обратного звонка
  • Интеграция с соц.сетями

Этапы работы

  • Изучение предоставленной информации.
  • Определение задач, которые сайт должен выполнять.
  • Анализ структуры сайта и списка необходимых страниц.
  • Проработка навигации и юзабилити в целом.
  • Анализ конкурентов.
  • Прототипирование  страниц. Wireframe или интерактив. (если не предоставлен заказчиком).
  • Отрисовка дизайн макетов главной и внутренних страниц в Figma или Photoshop.
  • Отрисовка дизайн макетов для адаптивной версии сайта в Figma или Photoshop.
  • Верстка сайта с подключением CMS движка.
  • Установка сайта на хостинг.
  • Настройка и оптимизация.
  • Дополнительные услуги.
  • Базовая консультация по управлению сайтом.

Разработка лендинга

Разработка посадочной страницы происходит примерно по такому же сценарию. 

Реставрация фотографий

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

Ретушь, реставрация, восстановление старых, поврежденных, фотографий. Удаление царапин, трещин. Восстановление утраченных объектов, раскраска черно-белых фото.

Стоимость восстановления фотографии начинается от $20. Все зависит от сложности, масштабов повреждений и от размера предоставляемого исходника. Спрашивайте.

Чтобы узнать сроки и стоимость, отправьте мне фотографию, чтобы я могла оценить объем работы.

реставрация фотографий

пример моей реставрации

реставрация фото пример работы

пример моей реставрации

Обработка и ретушь

Онлайн услуги по ретуши и обработке фотографий:

  • Ретушь фотографий (от одной штуки).
  • Свето и цвето-коррекция изображения. Кадрирование. Удаление лишних предметов из кадра.
  • Удаление дефектов кожи. Коррекция фигуры, волос. Изменение цвета глаз и т.д.
  • Журнальная ретушь (глубокая фото коррекция)

Стоимость от $20 за одно фото (зависит от сложности и объема работы).

Обсуждается индивидуально.

p006
ретушь фото До и после