Обновить / Создать сайт для бизнеса
-
01Аналитика
-
Анализ конкурентов
Анализ конкурентов
Цель анализа сайтов конкурентов — выявить самые сильные и слабые места, чтобы сделать сайт лучше, чем у них. Взять самый лучший сайт за образец и сделать еще лучше — наш девиз!
Стратегия — это план действий, предназначенный для достижения целей компании. Создается в результате анализа сайтов конкурентов и поисковой выдачи по ключевым запросам. Стратегия включает в себя продумывание или корректировку структуры сайта и составление seo-плана по оптимизации и улучшению сайта. При создании веб-стратегии исследуются сайты в топ поисковой выдачи по ключевым запросам. Особое внимание уделяется индикаторам сео-продвижения — контенту, структуре сайта, техническим настройкам, коммерческим маркерам.
-
Бизнес-задачи
Бизнес-задачи
Целевая аудитория (ЦА) — это группа пользователей, на которую направлены некоторые рекламные мероприятия, в которой заинтересованы рекламодатели и/или которая заинтересована в какой-либо информации.
Целью сайта является обеспечение информационного присутствия компании в сети Интернет и предоставление информации о действующих проектах и услугах компании.
Задачи сайта:- Увеличение продаж за счет новых клиентов;
- Налаживание обратной связи с клиентами;
- Автоматизация бизнес-процессов компании;
- Увеличение узнаваемости бренда;
- Создание положительного образа, имиджа;
- Повышение конкурентоспособности компании;
- Увеличение объемов продаж и прибыли;
- Повышение лояльности аудитории, узнаваемости компании и другое.
Анализ факторов для повышения эффективности продаж при помощи сайта на этапе формирования плана.
-
ТЗ
ТЗ
ТЗ — это документ, написанный индивидуально под ваш проект. Если договор регулирует процесс организационных и финансовых взаимоотношений, то ТЗ регулирует процесс разработки и конечный результат.
Техническое задание (также — техзадание, ТЗ) — технический документ, оговаривающий набор требований к системе и утверждённый как заказчиком/пользователем, так и исполнителем/производителем системы. Такая спецификация может содержать также системные требования и требования к тестированию.
Техническое задание позволяет:
- исполнителю — понять суть задачи, показать заказчику «технический облик» будущего изделия, программного изделия или автоматизированной системы;
- заказчику — осознать, что именно ему нужно;
- обеим сторонам — представить готовый продукт и избежать разочарований/ недопонимания;
- исполнителю — спланировать выполнение проекта и работать по намеченному плану;
- заказчику — требовать от исполнителя соответствия продукта всем условиям, оговорённым в ТЗ;
- исполнителю — отказаться от выполнения работ, не указанных в ТЗ;
- заказчику и исполнителю — выполнить попунктную проверку готового продукта (приёмочное тестирование — проведение испытаний);
- избежать ошибок, связанных с изменением требований (на всех стадиях и этапах создания, за исключением испытаний).
Вывод:
- ТЗ прикрепляется к договору и является его неотьемлемой частью.
- ТЗ обеспечивает четкое выполнение задач исполнителем.
- ТЗ приближает ожидания к реальности на 99%.
-
Анализ конкурентов
-
02Проектирование
-
Balsamiq Mockups 3
Balsamiq Mockups 3
Balsamiq Mockups — это сервис для построения макетов пользовательских интерфейсов веб-сайтов, мобильных приложений и обычных программ.
-
Axure
Axure
Еще одна программа для прототипирования. Одним из главных достоинств программы является возможность программирования поведения кнопок, текстовых полей, панелей и прочих виджетов, вследствие чего получившиеся макеты и прототипы приближены к окончательному результату и доступны для тестирования.
Обычно такие прототипы делают для очень больших и сложных проектов. Из-за программирования макета увеличивается общий срок сдачи проекта и, соответственно, стоимость проекта, поэтому принято оговаривать и описывать поведение блоков (меню и пр.) в ТЗ, а сам прототип разрабатывать в статичном виде, а не динамичном, чтобы не тратить на это лишние часы разработки.
-
Balsamiq Mockups 3
-
03Разработка дизайна
-
Adobe Photoshop
Adobe Photoshop
Многофункциональный графический редактор, разработанный и распространяемый фирмой AdobeSystems. В этой программе создаются будущие дизайн-макеты страниц сайта. Редактор позволяет без проблем работать как с векторными элементами, так и с растровыми элементами. Это незаменимый инструмент при создании дизайна сайта.
Adobe полностью ликвидировал представительство в России.
-
Sketch
Sketch
Платный редактор векторной графики, выпускаемый голландской компанией Bohemian Coding исключительно для устройств на базе операционной системы MacOS. Sketch — фактически один из основных инструментов графического дизайна и практически безальтернативное для пользователей Apple ПО по набору возможностей. Программа удостоена специальной премии Apple Design Award в 2012 году. Распространяется по модели подписки.
Минус у программы только один — достаточно скудный набор инструментов для редактирования растровых изображений, но разработчики работают над этим.
-
SEO
SEO
Мы разрабатываем сайты с сео оптимизированной начинкой. Внутренняя сео-оптимизация — один из важнейших показателей для дальнейшего продвижения сайта в поисковиках. Если вы заказываете сайт для поиска клиентов, то следующий важный вопрос после его создания — это его продвижение. Обычно сео обходится намного дороже, чем создание сайтов из-за ежемесячных платежей, растянутости во времени действий и результатов сео оптимизации. Заказывая сайт у нас, вы сэкономите время и деньги.
-
Adobe Photoshop
-
04FRONT-END DEVELOPMENT
-
HTML 5
HTML 5
HTML5 (англ. HyperText Markup Language, version 5) — язык для структурирования и представления содержимого всемирной паутины. Это пятая версия HTML.
Цель разработки HTML5 — улучшение уровня поддержки мультимедиа-технологий с одновременным сохранением обратной совместимости, удобочитаемости кода для человека и простоты анализа для парсеров.
-
CSS 3
CSS 3
CSS (/siːɛsɛs/ англ. Cascading Style Sheets — каскадные таблицы стилей) — формальный язык описания внешнего вида документа, написанного с использованием языка разметки.
Преимущественно используется как средство описания, оформления внешнего вида веб-страниц, написанных с помощью языков разметки HTML и XHTML, но может также применяться к любым XML-документам, например, к SVG или XUL.
-
JavaScript
JavaScript
JavaScript — мультипарадигменный язык программирования. Поддерживает объектно-ориентированный, императивный и функциональный стили. Является реализацией языка ECMAScript (стандарт ECMA-262).
JavaScript обычно используется как встраиваемый язык для программного доступа к объектам приложений. Наиболее широкое применение находит в браузерах как язык сценариев для придания интерактивности веб-страницам.
-
JQuery
JQuery
jQuery — библиотека JavaScript, фокусирующаяся на взаимодействии JavaScript и HTML. Библиотека jQuery помогает легко получать доступ к любому элементу DOM, обращаться к атрибутам и содержимому элементов DOM, манипулировать ими.
-
Sass
Sass
Sass (Syntactically Awesome Stylesheets) — модуль, включенный в Haml. Sass — это метаязык на основе CSS, предназначенный для увеличения уровня абстракции CSS кода и упрощения файлов каскадных таблиц стилей.
-
Less
Less
LESS — это динамический язык стилей, который разработал Alexis Sellier. Он создан под влиянием языка стилей Sass, и, в свою очередь, оказал влияние на его новый синтаксис «SCSS», в котором также использован синтаксис, являющийся расширением СSS. LESS — это продукт с открытым исходным кодом.
-
Gulp
Gulp
Gulp — это таск-менеджер для автоматического выполнения часто используемых задач, написанный на языке программирования JavaScript. Программное обеспечение использует командную строку для запуска задач, определённых в файле Gulpfile. Создан как ответвление от проекта Grunt, чтоб взять из него лучшие практики.
-
Vue.js
Vue.js
Vue (произносится /vjuː/, примерно как view) — это прогрессивный фреймворк для создания пользовательских интерфейсов.
Создателем Vue.js является Evan You, бывший сотрудник Google и Meteor Dev Group. Разработка фреймворка началась в 2013-м, а в феврале 2014-го состоялся первый публичный релиз. Vue широко используется среди китайских компаний, например: Alibaba, Baidu, Xiaomi, Sina Weibo и разных других. Он также входит в ядро Laravel и PageKit. И также GitLab тоже на Vue.js.
-
HTML 5
-
05BACK-END DEVELOPMENT
-
PHP
PHP
PHP — скриптовый язык общего назначения, интенсивно применяемый для разработки веб-приложений. В настоящее время поддерживается подавляющим большинством хостинг-провайдеров и является одним из лидеров среди языков, применяющихся для создания динамических веб-сайтов.
-
Laravel
Laravel
Laravel — бесплатный веб-фреймворк с открытым кодом, предназначенный для разработки с использованием архитектурной модели MVC. Laravel выпущен под лицензией MIT. Исходный код проекта размещается на GitHub.
-
MODX
MODX
MODX — система управления содержимым с открытым исходным кодом и открытой лицензией. Написана на языке программирования PHP, использует для хранения данных СУБД MySQL или MS SQL.
MODX — это система для управления контентом и разработке на ее базе:
- корпоративных сайтов
- интернет-магазинов
- информационных порталов
- сайтов сообществ
- социальных сетей и других веб-проектов.
"То, с какой легкостью MODX работает с шаблонами, впечатляет. Не нужно создавать шаблоны с заданным именем файла или размещать их в определенной папке, а синтаксис MODX обеспечивает чистоту и доступность кода."
— английский веб-разработчик Марк Дженкинс.
-
1C-Битрикс
1C-Битрикс
«1С-Битрикс: Управление сайтом» — это система управления веб-проектами, универсальный программный продукт для создания:
- корпоративных сайтов,
- интернет-магазинов,
- информационных порталов,
- сайтов сообществ.
-
MySQL
MySQL
MySQL — свободная реляционная система управления базами данных. Разработку и поддержку MySQL осуществляет корпорация Oracle, получившая права на торговую марку вместе с поглощенной Sun Microsystems, которая ранее приобрела шведскую компанию MySQL AB.
-
PHP