Комплексная разработка сайтов для бизнеса с нуля до результата
{ смотреть цены }
Привет! Я Марина, дизайнер и веб-разработчик. Занимаюсь созданием сайтов «под ключ». Разрабатываю лэндинги и многостраничные сайты. Работаю на фриланс условиях.
Портфолио { 9 }
Услуги и цены
Дизайн сайтов
-
Одностраничный сайт
от 15 000 ₽ от 7 дней
-
Многостраничный сайт
от 18 000 ₽ от 10 дней
-
Интернет-магазин
от 25 000 ₽ от 10 дней
В работу входит:
- Анализ конкурентов и целевой аудитории
- Разработка структуры и прототипа
- Уникальный современный дизайн на основе ваших пожеланий
- Дизайн адаптивных версий сайта для телефонов и планшетов
- 2 бесплатные итерации правок на каждом этапе
- Подготовка макета для верстальщика с подробными пояснениями
Результат:
-
Макет в программе Фигма с отрисованными страницами и их адаптивными версиями для планшетов и мобильных телефонов + другие элементы (попап-окна, выпадающее меню и тд)
-
Комментарии для разработчика
- Архив со всеми сжатыми изображениями, иконками, шрифтами и другими необходимыми материалами
Верстка сайтов
-
Одностраничный сайт
от 10 000 ₽ от 7 дней
-
Многостраничный сайт
от 15 000 ₽ от 10 дней
В работу входит:
- Анализ макета и составление технического задания
- Верстка сайта - html, css, js
- Сборка проекта, оптимизация кода, изображений
- Обеспечение корректного отображения сайта в различных браузерах
- Создание адаптивного дизайна, чтобы верстка смотрелась корректно на всех устройствах
- Тестирование верстки на различных устройствах и в различных браузерах.
- Перенос на хостинг (по необходимости)
- Месяц поддержки после сдачи проекта
Результат:
-
Архив с файлами сайта для дальнейшего использования.
- Если сайт был перенесен на хостинг — ключи от личного кабинета и инструкция как работать с хостингом.
Сайт под ключ
-
Одностраничный сайт
от 20 000 ₽ от 15 дней
-
Многостраничный сайт
от 26 000 ₽ от 20 дней
В работу входит:
- Анализ конкурентов и целевой аудитории
- Разработка структуры и прототипа
- Уникальный современный дизайн на основе ваших пожеланий
- Верстка сайта с помощью HTML, CSS, JavaScript
- Адаптивная верстка, чтобы сайт отображался корректно на всех устройствах
- Проведение тестирования верстки на различных устройствах и в различных браузерах
- Подключение домена, SSL-сертификата
- Перенос на хостинг или интеграция с CMS
- Подключение форм приема заявок (E-mail/Telegram/CRM)
- Видеоинструкция по работе с сайтом для клиента
- Месяц поддержки после сдачи проекта
Результат:
-
Архив со всеми исходными материалами сайта
-
Полноценный работающий адаптированный под все устройства сайт, который виден всем в интернете.
-
Записанные видеоуроки, как управлять своим сайтом.
- Месяц бесплатной технической поддержки после запуска сайта
Образование
Даже после окончания учебы я продолжаю повышать свои навыки в сфере дизайна и разработки. Такая уж у меня профессия:) Это одна из причин, почему я ее люблю.
Читать подробнее обо мне
Я окончила школу дизайна UPROCK
Также я прошла профессиональную переподготовку по специальности frontend-разработчик
Подход к работе
Выполняю работу «под ключ»: от идеи до работающего сайта. Если у вас ничего нет, не знаете с чего начать, но нужен сайт — обращайтесь. Продумаю структуру и стилистику, составлю тексты. Помогу в поиске смежных специалистов, если будет нужно.
Весь процесс создания сайта делю на этапы, для каждого прописываю тайминг, которому чётко следую. Держу клиентов в курсе, на какой стадии сейчас их проект. Ценю своё время и время клиента.
Искренне интересуюсь бизнесом клиента, подробно изучаю сферу. Провожу исследование целевой аудитории, выявляю ваши сильные и слабые стороны. Оцениваю конкурентов, их сильные и слабые стороны. В конечном итоге показываю вас с выгодных сторон для ваших потенциальных клиентов.
Дарю месяц бесплатной технической поддержки после завершения проекта. Остаюсь на связи, чтобы решать возникающие вопросы.
Разрабатываю уникальный дизайн, учитывая ваши предпочтения и особенности бизнеса. Это выделит вас на фоне конкурентов.
При заказе сайта под ключ или переносе его на CMS запишу для клиента инструкцию как управлять сайтом — редактировать контент, добавлять страницы и прочее по запросу
Этапы работы
Создание сайта — это сложный процесс. Я выстроила четкую структуру работы над проектом, делю ее на этапы.
Когда беру проект в работу сразу озвучиваю точные сроки каждого этапа разработки. Держу клиентов в курсе, на какой стадии сейчас их проект. Поэтому разработка происходит в комфорте.
- Дизайн сайтов
- Верстка сайтов
- Сайт под ключ
1. Знакомство и обсуждение проекта, составление технического задания
Созваниваемся или списываемся с вами и обсуждаем проект. Вы рассказываете мне о своем бизнесе, для чего вам нужен сайт. Обсудим примеры сайтов, которые вам нравятся по структуре и по дизайну и т.д. Интервью поможет мне точно понять ваш запрос, оценить объем работы, и в итоге назвать точные сроки и стоимость.
По желанию вы можете заполнить бриф (анкету) с вопросами и отправить мне. Оставшиеся детали уточним в переписке или во время созвона.
2. Анализ конкурентов и целевой аудитории
Я изучаю сайты по тематике проекта — прямых и смежных конкурентов. Это помогает выделить сильные стороны вашего бизнеса, отразить их на будущем сайте, выделиться на фоне других компаний.
Анализ целевой аудитории помогает сделать сайт понятным и интересным для пользователя.
3. Создание удобной и логичной структуры будущего сайта и прототипа
Сначала создам карту, на которой будут видны все страницы сайта и их иерархия. Далее на ее основе нарисую прототип.
Прототип — это наглядное схематичное представление структуры будущего сайта. Он дает понять, в какой последовательности будет подаваться информация, где будут располагаться тексты, фото, кнопки и т.д. Так вы сможете наглядно увидеть, как будет расположен контент, что за чем идет и т.д. На этом этапе доступны 2 бесплатные итерации правок.
4. Разработка дизайна 2-х первых экранов сайта
Создам 2 варианта дизайна для двух первых блоков сайта на основе ваших пожеланий. Вы выбираете понравившийся вариант, при необходимости дорабатываем его. Доступны 2 бесплатные итерации правок.
5. Дизайн ключевых страниц сайта (или главной страницы, если лэндинг)
На основе утвержденной концепции я создам дизайн компьютерной версии ключевых страниц сайта (набор страниц и их количество зависит от проекта). Доступны 2 бесплатные итерации правок.
6. Если сайт многостраничный*
После утверждения ключевых страниц разрабатываю дизайн компьютерной версии для остальных страниц сайта в таком же стиле. Доступны 2 бесплатные итерации правок.
7. Отрисовка адаптивных версий
После утверждения дизайна всех страниц сайта перехожу к отрисовке их адаптивных версий — для планшетов и телефонов. Доступны 2 бесплатные итерации правок.
8. Подготовка макетов для передачи на верстку
После утверждения дизайна всех адаптивных версий сайта подготавливаю макеты к разработке: привожу в порядок рабочий файл с проектом, оставляю комментарии для разработчика при необходимости, собираю в архив необходимые файлы (оптимизированные фото, шрифты, иконки и пр.). Отправляю все это вам и/или разработчику после получения второй части оплаты.
1. Знакомство и обсуждение проекта, составление технического задания + изучение макета
Вы предоставляете мне макет. Я его изучаю. Созваниваемся или списываемся с вами и обсуждаем проект. Если у вас уже есть готовое техническое задание - отлично, можно сразу приступать к работе. Если нет, тоже не проблема - составим его при обсуждении.
2. Верстка сайта
Перевод макета в понятный для браузера формат - написание кода, который определяет структуру, стиль и взаимодействие с элементами на странице.
Обеспечение правильного отображения сайта в различных браузерах и на разных устройствах.
3. Тестирование верстки
Внимательное тестирование верстки на различных устройствах, проверка на наличие ошибок и их исправление.
4. Перенос верстки на хостинг или передача архива с версткой клиенту
Передаю сайт клиенту в виде архива или ключей от личного кабинета на хостинге в зависимости от того, какие были договоренности в начале работы.
5. Бесплатная техническая поддержка*
*В течение месяца оказываю тех поддержку и помощь при работе над сайтом.
1. Знакомство и обсуждение проекта, составление технического задания
Созваниваемся или списываемся с вами и обсуждаем проект. Вы рассказываете мне о своем бизнесе, для чего вам нужен сайт. Обсудим примеры сайтов, которые вам нравятся по структуре и по дизайну и т.д. Интервью поможет мне точно понять ваш запрос, оценить объем работы, и в итоге назвать точные сроки и стоимость.
По желанию вы можете заполнить бриф (анкету) с вопросами и отправить мне. Оставшиеся детали уточним в переписке или во время созвона.
2. Анализ конкурентов и целевой аудитории
Я изучаю сайты по тематике проекта — прямых и смежных конкурентов. Это помогает выделить сильные стороны вашего бизнеса, отразить их на будущем сайте, выделиться на фоне других компаний.
Анализ целевой аудитории помогает сделать сайт понятным и интересным для пользователя.
3. Создание удобной и логичной структуры будущего сайта и прототипа
Сначала создам карту, на которой будут видны все страницы сайта и их иерархия. Далее на ее основе нарисую прототип.
Прототип — это наглядное схематичное представление структуры будущего сайта. Он дает понять, в какой последовательности будет подаваться информация, где будут располагаться тексты, фото, кнопки и т.д. Так вы сможете наглядно увидеть, как будет расположен контент, что за чем идет и т.д. На этом этапе доступны 2 бесплатные итерации правок.
4. Разработка дизайна 2-х первых экранов сайта
Создам 2 варианта дизайна для двух первых блоков сайта на основе ваших пожеланий. Вы выбираете понравившийся вариант, при необходимости дорабатываем его. Доступны 2 бесплатные итерации правок.
5. Дизайн ключевых страниц сайта (или главной страницы, если лэндинг)
На основе утвержденной концепции я создам дизайн компьютерной версии ключевых страниц сайта (набор страниц и их количество зависит от проекта). Доступны 2 бесплатные итерации правок.
6. Если сайт многостраничный*
После утверждения ключевых страниц разрабатываю дизайн компьютерной версии для остальных страниц сайта в таком же стиле. Доступны 2 бесплатные итерации правок.
7. Отрисовка адаптивных версий
После утверждения дизайна всех страниц сайта перехожу к отрисовке их адаптивных версий — для планшетов и телефонов. Доступны 2 бесплатные итерации правок.
1. Составление технического задания на верстку
По отрисованному дизайн-макету составляется и утверждается техническое задание для дальнейшей разработки.
2. Верстка сайта
Перевод макета в понятный для браузера формат — написание кода, который определяет структуру, стиль и взаимодействие с элементами на странице.
Обеспечение правильного отображения сайта в различных браузерах и на разных устройствах.
3. Тестирование верстки
Внимательное тестирование верстки на различных устройствах, проверка на наличие ошибок и их исправление.
4. Интеграция с CMS или перенос верстки на хостинг
Подготовка верстки для интеграции с системой управления контентом. Установка и настройка CMS или перенос сайта на хостинг согласно техническому заданию. реализация настроек и подключение сервисов.
5. Заключительное тестирование и запуск
Проверка работоспособности сайта и подключённых к нему сервисов, форм сбора заявок и т.д.
После передаю сайт клиенту в виде архива, ключей от личного кабинета на хостинге или CMS в зависимости от того, какие были договоренности в начале работы. Теперь можно пользоваться сайтом, запустить на него рекламу и продвигать в интернете.
6. Бесплатная техническая поддержка*
*В течение месяца оказываю техподдержку и помощь при работе над сайтом.
Блог
{ Пишу на тему разработки и дизайна. Будет полезно клиентам и коллегам. }
Вопрос-ответ
-
ТИЛЬДА ИЛИ WORDPRESS?
{ скрыть ответ ↑ }Если вы не знаете, на какой платформе сделать сайт, то после интервью я подберу для вас подходящий вариант под конкретно ваш запрос.
-
Почему не говорите цену сразу?
{ Показать ответ ↓ }Потому что каждый сайт разрабатывается индивидуально под запрос клиента. Примерные цены указаны в разделе Услуги. Стоимость вашего проекта может измениться как в меньшую, так и в большую сторону в зависимости от объема работы.
На цену может повлиять то, сколько будет страниц на сайте, нужно ли помочь с контентом, какой по сложности будет дизайн, нужна посадка на конструктор или CMS и т.д. Нюансов много. И это еще не все критерии.
-
Какие данные нужно предоставить для начала работы?
{ Показать ответ ↓ }Перед началом желательно предоставить мне все вводные для сайта. Это могут быть тексты, фотографии, любая другая информация. Если у вас ничего нет, то я могу помочь написать текст. Также подскажу, что еще понадобится для сайта после интервью.
-
Какие дополнительные услуги можно заказать ?
{ Показать ответ ↓ }Можно заказать аудит вашего текущего сайта или консультацию. Также я разрабатываю дизайн презентаций, чек-листов.
-
Как происходит оплата
{ Показать ответ ↓ }Оплата делится на этапы в зависимости от стоимости проекта. Я работаю по предоплате, в большинстве случаев — это 50% от стоимости работы. Вторая часть оплаты происходит перед сдачей проекта. Если проект большой, можно разбить оплату на 3-4 этапа со 100%-ой предоплатой каждого этапа работы.
-
Какие технологии используются при создании сайта?
{ Показать ответ ↓ }Верстаю сайты на HTML, CSS (с использованием препроцессора SCSS), JS (сборщик проектов webpack).
Пишу код на php, создаю темы для Wordpress.
Также работаю с конструктором Тильда.
-
Что не входит в создание сайта «под ключ»?
{ Показать ответ ↓ }Настройка рекламы, SEO-оптимизация сайта. Этим занимаются другие специалисты.
-
Как мы будем работать?
{ Показать ответ ↓ }Вы оставляете заявку на разработку сайта в любом удобном мессенджере. Далее общаемся по задаче, назначаем удобную дату и время для проведения интервью в формате созвона.
На созвоне подробно обсуждаем будущий проект, вы рассказываете о своем бизнесе, я задаю вам вопросы, чтобы понять задачу и объем работы.
Далее на основе интервью я создаю техническое задание и высылаю коммерческое предложение. После вы вносите предоплату, и я начинаю работу над проектом. Про то, из каких этапов состоит разработка сайта, я рассказала в разделе Этапы работы
-
Что входит в понятие «сайт под ключ»?
{ Показать ответ ↓ }Это комплексная услуга, в которую входит: создание структуры сайта, разработка прототипа, отрисовка дизайна (десктоп + адаптивные версии под планшет и мобильный телефон), верстка сайта, перенос сайта на CMS или конструктор.
-
Сколько стоит сайт?
{ Показать ответ ↓ }Стоимость каждого проекта рассчитывается индивидуально. Все зависит от запроса клиента. Примерные цены расписаны на сайте. Вы можете связаться со мной удобным способом (все контакты есть на сайте), мы поведем интервью и после я назову точную стоимость.