В сфере веб-дизайна мы быстро поняли, что нам не совладать со всеми возможными разрешениями экранов всех возможных мобильных «девайсов». Самое простое и в то же время изящное решение – «адаптивный дизайн» (от англ. Responsive design).

Адаптивный дизайн – это подход в дизайне, по определению «адаптирующийся» к поведению пользователя и его системе основываясь на размере экрана, платформе, ориентации экрана и т.д. Такой подход совмещает в себе смесь различных сеток и слоев, изображений и правильного использования CSS media queries. К примеру, если пользователь заходит на сайт с iPad вместо привычного лэптопа, сайт должен «подстроиться» под разрешение экрана, уменьшить размеры изображений и, скажем, убрать флеш элементы.

Но адаптивный дизайн это не только «подстройка» под разрешение экрана. Это, все-таки, новый подход в самой разработке дизайна. Давайте подробнее остановимся на ключевых элементах адаптивного дизайна.

Разрешение экрана

На данный момент существует множество разрешений экранов и их ориентации – книжной или альбомной. Мало того, теперь мобильные устройства могут менять ориентацию страницы от книжной к альбомной при повороте. А среди владельцев больших мониторов распространенным является «вольный» размер, тоесть на на полный экран – а как каждому удобно, то есть фактически разрешение экрана может быть каким угодно. Адаптивный дизайн разрабатывается таким образом, чтобы корректно и красиво выглядеть при любом разрешении экрана.

Динамические изображения

При изменении разрешения важную роль играют изображения – они должны также меняться. Простым и эффективным подходом будет установка свойства max-width CSS в 100%. Хоть свойство max-width пока не поддерживается IE, существует также и другая проблема – скорость загрузки страницы. А точнее, большие и качественные изображения предназначены для просмотра на ПК, а не на смартфоне. На помощь приходит правильное использование CSS media queries – которые также позволяют менять не только изображения, но и само расположение элементов на странице.

Адаптивный макет

При изменении разрешения экрана полезно также изменить весь макет в целом. Это просто и эффективно сделать используя CSS media queries. Нужно написать основной CSS стиль, а с помощью CSS media queries уточнить CSS стиль для разных разрешений экрана. Например

<link rel=»stylesheet» type=»text/css» media=»screen and (max-device-width: 480px)» href=»mobile.css» />

Данный стиль будет загружен и применен, если он 1) отображается на экране (не “для печати» и т.д.) и 2) максимальная ширина экрана составляет 480 пикселей. Новые «фишки» CSS3 также поддерживают всякие вкусности а-ля «device-width», «min-device-width», «orientation» и т.д.

JavaScript

Немаловажную роль играет правильное использование JavaScript’а. К примеру, библиотека css3-mediaqueries.js добавит поддержку CSS3 media queries в старые броузеры (IE 5+, Firefox 1+, Safari 2). Если же Вы поклонник jQuery – можете использовать простой код:

Упрощение контента

Изменение размера изображений, структуры сайта, макета и т.д. – это все очень хорошо, но в некоторых случаях – не самое лучшее решение. Если каждый элемент Вашего сайта «подогнать» под разное разрешение.. на простом мобильнике с шириной экрана в 320 пикселей – он буде тааааким длинным! Правильно – иногда стоит и вовсе убрать некоторые элементы. К примеру, при просмотре на ПК посреди главной страницы большой рекламный элемент с красивым изображением. При размере экрана в 320 пикселей, думаем стоит ограничиться просто текстовой ссылкой.

Итак, ключевые элементы при уменьшении разрешения экрана:

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

К щастью, атирбут «display: none;» сегодня поддерживает любой броузер!

Переход к тачскринам

За недавнее время тачскрины достигли пика популярности. Это очень популярно на мобильных устройствах не только небольшого размера – многие нетбуки и лептопы, а даже и декстопные компьютеры поддерживают сенсорный ввод. Хороший адаптивный дизайн учитывает особенности тачскринов – отсутствие курсора. Есть множество мелочей, делающих дизайн приятным и удобным при использовании на сенсорных тач-устройствах. К примеру, всегда подчеркивайте ссылки – нет курсора, а значит и не «наведешь» его на ссылку. По возможности избегайте левостороннего меню – «правши» держат свои девайсы левой рукой и будут так или иначе задевать навигацию.

Заключение

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

Пример

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

Экраны 1240 пикселей и более:

Экраны до 640:

Изменения:
- упрощена навигация
- спрятаны некоторые элементы
- контент переоформлен в 2 колонки вместо 4х
- уменьшены лого и другие изображения

Экраны до 468:
Изменения:
- еще более упрощена навигация
- спрятаны некоторые элементы
- контент переоформлен в 1 колонку вместо 2х
- добавлены дополнительные элементы управления

Сила плагиата

Век компьютеризации принес с собой век «копирования». Любую информацию, начиная от документов, фотографий, музыки и фильмов, можно скопировать. И стоить это будет ровно ничего. С другой стороны, век Интернета принес возможность любому, придумавшему интересную идею проверить ее на практике. С другой стороны, он также дал возможность любому, не обладающему такой идеей взять чужую и также проверить ее на практике.

В «оффлайн» бизнесе, скорее всего, Вам понадобится приличная сумма денег для начала бизнеса. В крупный бизнес вообще практически невозможно пробиться «новичку» – возьмите, к примеру, телекоммуникации. Другое дело, Интернет. Взять идею из Интернета, клонировать ее и попытаться выбиться – стоит в сотни раз дешевле. Не стоит забывать, что такие гиганты как Facebook, Twitter, PayPal – все примеры «краденых» идей. Если задуматься, то и Google в их числе.

Так что же делать?

Ответ простой. Если Ваша идея интересна, хороша – будьте готовы к тому, что ее скопируют. С другой стороны, если Вы приметили хорошую идею – Вам стоит попробовать скопировать ее. Подумайте – хорошие идеи распространяются очень быстро, быстрее чем слухи, а значит – Вы неминуемо будете скопированы, а значит у Вас будут конкуренты. Возможно, если Вы – молодой стартап – Вас уже сейчас копируют. И если они постараются – у Вас, возможно, появятся проблемы.

Как поступить?

Во-первых, не стоит опускать руки. В конце концов, если Вас скопировали – значит Ваша идея действительно хороша. Вы – инноватор, гуру, Вы впереди. С другой стороны – готовьтесь драться «до последнего». Соберите все, что придумали на этот момент, «отштурмуйте» идею и развивайте ее далее. Посмотрите на то, как Вас копируют. Обычно, плагиаторы добавляют в клон что-то новое, освежают идею, и зачастую эти нововведения приживаются. Вспомните, как Opera добавила в интерфейс браузера вкладки – «табы». Firefox не отставал и тоже добавил вкладки, потому что пользователям они нравились. Internet Explorer сопротивлялся, аж до 7 версии. Когда вышел Chrome – вкладки в браузере считалось обычным делом. Воспользуйтесь нововведениями своих «клонов» в своем стартапе.

Но этого же не достаточно?

Конечно. В конце концов, не стоит полагаться на уникальность своей идеи, на внешний вид, предоставляемый сервис и т.д. Всегда найдется более крупная «рыба» – кто-то более умный, кто сможет взять Вашу идею и реализовать ее более успешно. Chrome наступает Firefox’у на пятки своей скоростью и минималистическим дизайном. Будет ли Firefox 4 еще лучше? Выходит – если у Вас нечем «зацепить» своих пользователей – Вы пойдете ко дну.

Так в чем секрет?

К счастью, то чего практически нельзя скопировать – это Вашу возможность дать Вашим пользователям то, что они хотят. Пока Вы будете понимать и удовлетворять пожелания Вашей аудитории – Вы будете впереди любого Вашего «клона». Запомните главное – когда Вы будете заниматься улучшением Вашей идеи и тяжело работать, не забывайте о том, что действительно «держит» Вас впереди – забота о своих пользователях.

1. Виртуальный хостинг (shared hosting) – физически Ваш сайт будет располагаться на сервере вместе с еще несколькими десятками или сотнями других сайтов. Не стоит сразу отказываться от этого варианта – для начала (к примеру, для нового сайта) это вполне подходит, так как сервер спокойно выдержит нагрузку при низкой посещаемости сайта (к примеру, до тысячи в день), а Вы в то же время сэкономите – такой тип хостинга обычно недорог, и стоит в пределах 500 грн. в год или менее. С другой стороны, если Вы планируете активную рекламную кампанию, и посещаемость Вашего сайта может вырасти в десятки раз (хоть и ненадолго) то сервер, скорее всего, не выдержит – а значит затраты на рекламу будут потрачены в пустую.

2. Виртуальный выделенный хостинг (Virtual Dedicated Server) – то же самое, что и виртуальный сервер, но физический сервер обслуживает не сотни и тысячи сайтов, а единицы или десятки. Это позволит Вам принимать больше посетителей на Ваш сайт, но при этом будет дешевле настоящего выделенного сервера. Еще одно преимущество по сравнению с виртуальным хостингом – полный контроль над настройками и ПО, что для средних проектов немаловажно. Виртуальный выделенный сервер обойдется в несколько раз дороже простого виртуального хостинга.

3. Выделенный сервер (Dedicated Server) – настоящий физический сервер, установленный в дата-центре провайдера и подходит для более серьезных проектов. Можно воспользоваться как серверами хостинг провайдера, так и установить свой – эта услуга называется colocation.
Выделенный сервер обойдется недешево – минимум от 500 грн. в месяц, но зато Вы можете не переживать, что из-за внезапной нагрузки на другой сайт расположенный на Вашем сервере и Ваш сайт вышел из строя. Выделенный сервер полностью Ваш.

4. Облачный (кластерный) хостинг – самый современный вариант для проектов среднего уровня посещаемости. Для крупных проектов с многотысячной посещаемостью он не подойдет, но поддерживать даже весьма крупные ресурсы с его помощью можно. Основное преимущество облачного хостинга – в возможности платить только за использованную процессорную мощность и не бояться отказа сайта под потоком посетителей. Было 10 посетителей – заплатите минимум, 10000 – больше (зависит от тарифов конкретного хостинг провайдера). Хоть это еще не самое распространенное решение, но для проектов с возможной или периодической высокой посещаемостью облачный хостинг очень перспективен. Выгоднее просто заплатить больше за поток посетителей, чем арендовать выделенный сервер в период увеличения посещаемости.

Поэтому при выборе хостинга помните о его разновидности. Если Вам предлагают хостинг, обязательно уточните его тип и основные параметры, а заодно уточните и название хостинг провайдера.

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

Конечно, поисковые системы трактуют страницы с видео совсем иначе, нежели простые «текстовые» страницы. Итак, на что обратить внимание при создании страницы с видео контентом?

1. Название видео

Обратите на это особое внимание. Название вашего видео контента должно полностью отображать его содержание.

2. Описание видео

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

3. Популярность видео

Конечно, популярность видео повлияет в его положении в результатах поискового запроса -добейтесь популярности своего видео контента.

4. Рейтинги и комментарии

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

5. «Социализация» видео

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

6. Используйте инструменты для видео контента

Постарайтесь быть в курсе последних изменений в работе поисковых систем с видео контентом. Используйте те инструменты, которые они Вам предоставляют – напимер «Video Sitemaps» от Google (их можно найти в Google Webmaster Tools).

7. Пишите транскрипции (субтитры) к Вашему видео

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

Успехов Вам в раскрутке сайта!

http://www.mysite.com/products/ibm-notebook-c420.html
http://mysite.com/products/ibm-notebook-c420.html
http://www.mysite.com/index.php?prod=ibm-notebook-c420&cat=320
http://mysite.com/products/ibm-notebook-c420.html?sessionid=3fcg67lamd6wrpk54

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

Все это быстро и эффективно реализуется с помощью нового мета тэга canonical.
Если нужно сделать страницу http://www.mysite.com/products/ibm-notebook-c420.html основной для этого товара, добавьте элемент <link> с атрибутом rel=canonical в раздел <head> неканонических страниц. Например

<link rel="canonical" href="http://www.mysite.com/products/ibm-notebook-c420.html">


Добавьте этот тег в раздел <head> страниц с неканоническими ссылками:
http://mysite.com/products/ibm-notebook-c420.html
http://www.mysite.com/index.php?prod=ibm-notebook-c420&cat=320
http://mysite.com/products/ibm-notebook-c420.html?sessionid=3fcg67lamd6wrpk54

Теперь поисковые системы будут знать, что все эти страницы являются каноническими к главной странице http://www.mysite.com/products/ibm-notebook-c420.html

Правильное использование нового тэга canonical может значительно улучшить вес страниц товара для Интернет магазинов. Только подумайте, сколько разных ссылок в Вашем Интернет магазине ведет на одну и туже страницу товара. Указав канонический адрес Вы увеличите вес основной страницы товара, а значит улучшится выдача поисковиков, и Ваша конверсия.

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

Категории товаров. Категории является удобным механизмом для представления товаров, ведь товар может быть в одной или нескольких категориях. Категории строятся по принципу древовидной структуры: основные категории и их подкатегории, а также под-подкатегории и т.д. и размещаются по смысловому принципу. Уровень вложенности категорий не должен превышать 3-4. При большом количестве категорий желательно применить технологии AJAX (или похожие) для ускорения их загрузки и отображения. Количество категорий пропорционально связано с количеством продуктов – в одной категорий уместно размещать от 10 до 40 продуктов. Список продуктов следует формировать как простой список, либо в несколько колонок (3,4,5). Продукты могут отображаться в списке с фотографией, названием, ценой, описанием, производителем. Для удобства у продукта размещают кнопку «добавить в корзину», «добавить в список желаемых продуктов», «сравнить продукты» и другие функциональные возможности магазина.

Как легко разместить 4000 продуктов? Возьмем 10 основных категорий, каждая из которой будет иметь 10 подкатегорий – есть вместе 100 категорий. Размещаем товары по 20 товаров на страницу – есть 2 две страницы с продуктами для каждой категории – вместе имеем – (20 товаров х 2 страницы) * 100 категорий = 4000 продуктов. Если же в магазине больше продуктов – тогда это требует большего количества категорий и большего количества страниц в каждой категории, в которых отображаются продукты, – а это становится неудобным.

В категориях нужно сортировать продукты по названию, цене (от меньшей к большей цены, или наоборот – от большей к меньшей цены), популярностью показов, популярностью заказов, рейтингу продуктов (посетители могут ставить оценки продуктам). Для примера – чтобы покупатель нашел лучшую книгу о путешествия по Украине, ему потребуется: зайти в категорию «книги», подкатегорию «путешествия», и задать сортировку «по популярности». Сделав всего 3 клика и прочитав отзывы он выберет нужную книгу.

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

Результатом поиска всегда есть список продуктов. Обычно это такой же список продуктов, как и в категории, с теми же параметрами сортировки. Над списком продуктов можно отобразить категории, в которых найдены продукты.

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

Теги. Это набор меток, или ключевых слов для продуктов. Списки тегов могут заполняться вручную или: анализируется содержимое сайта и показывается набор наиболее употребляемых ключевых слов и отражаются в определенном месте сайта. Также список тегов показывают разным размером – то есть самые популярные (или употребляемые) – большим размером, непопулярные – меньшим. Это помогает покупателю увидеть популярные теги быстрее.

Если Вы будете стараться применить все перечисленные методы представления продукции – это приведет к хорошему результату. Ваши клиенты будут находить продукты быстро и легко, количество заказов увеличится, потому что чем быстрее нашел продукт, тем быстрее его купил.

Cоздав свой интернет-магазин Вы сможете начать свой бизнес в Интернете. В интернет-магазине реализуется размещение информации о товаре, выбор товара покупателем, заказ и оплата товара, расчет цены за доставку товара.

Создание интернет-магазина позволит Вам значительно расширить розничную и оптовую сеть, выйти с Вашими продуктами на новый рынок и найти новых клиентов.

Итак, что надо сделать, чтобы создать Интернет магазин?

1. Придумать доменное имя

Выберите подходящее для Вас доменное имя. Выбирать можно в разных зонах – будь то .сom, .com.ua, .kiev.ua, lviv.ua или даже biz.ua. Для легкого запоминания луче выбрать короткое имя в зоне .сom, но там большинство «вкусных» доменов уже занято. Если Вы, к примеру, планируете продавать только в Киеве – смело берите .kiev.ua. Постарайтесь, чтобы домен звучал красиво и его не сложно было набирать на клавиатуре.

Стоимость регистрации домена – от 30 до 100 грн. (в зависимости от зоны)

2. Подготовить информацию о себе

Прежде всего это: название, корпоративный стиль (если имеется), логотип, контактная информация и информация о продавце, информация о доставке и оплате, возможности возврата товара – то есть всего, что касается продажи.

При настройке готового Интернет магазина Вы можете заказать для себя изготовление уникального дизайна для магазина – в этом случае дизайнер постарается учесть все Ваши пожелания по дизайну, расположению информационных блоков и т.д. Разработка уникального дизайна обойдется Вам в сумму от 500 грн. Вы также можете воспользоваться готовым дизайном, так называемым шаблоном – в него при настройке будут интегрированы Ваш логотип и цветовая схема, соответствующая корпоративному стилю. Шаблонный дизайн не будет стоить ничего.

Стоимость – от 0 до 500 грн.

3. Подготовить информацию о товарах

Идеальным решением будет электронная таблица (напр. Excel) со списком товаров и категорий, ценами, скидками и кол-вом на складе. Это может выглядеть следующим образом:

Для набора 100-200 товаров на создание такого документа уйдет 1 день. Если у Вас больше товаров – возможно, Вы уже пользуетесь каким либо программным обеспечением для организации товарного процесса (напр. 1С Бухгалтерия) – тогда Вам ничего делать не нужно, мы поможем Вам с организацией импорта прямо из соответствующего ПЗ.
Также необходимо подобрать фотографии товаров – желательно в хорошем качестве. Попытайтесь найти их в Интернете, если же Вы продаете уникальный или редкий товар – воспользуйтесь услугами фотографа или же сфотографируйте их сами. Называйте фотографии кодом товара – так вы не ошибетесь, не пропустите нужного товара, а также с легкостью внесете фото в магазин.

Стоимость – 0 грн.

4. Заказать «Готовый Интернет магазин»

После выполнения предыдущих шагов переходите к главному – заказу Интернет магазина.
При использовании шаблонного решения установка, настройка магазина и шаблонного дизайна, импорт товаров и фотографий, регистрация домена и, наконец, открытие – займет от 3 дней до 2 недель – все зависит от того, как хорошо Вы выполнили предыдущие пункты.
Установка готового магазина обойдется Вам в сумму от 2500 грн.

Итого стоимость: от 2500 грн, время – от 4 дней до нескольких недель.

5. Поддержка продаж

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

Не стоит думать, что заказы появятся сами собой. Учтите, если Вы приобрели домен и наполнили магазин информацией недавно, необходимо время для индексации Вашего магазина поисковыми системами. Не хотите ждать – воспользуйтесь контекстной рекламой – она также даст возможность следить за каждой копейкой, потраченной на рекламу. Будьте на высоте во всем – главное, что Вы сделали первый и самый главный шаг – открыли Интернет магазин!

Конечно, прежде чем спрашивать, сколько же будет стоить разработка сайта, необходимо ответить на вопрос «А зачем мне нужен сайт?»

Этот вопрос настолько широк, что позволим себе рассмотреть его более детально.

Прежде чем спрашивать, сколько будет стоить разработка сайта, необходимо ответить на вопрос «А зачем мне нужен сайт?»

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

Заказчик: Сколько будет стоить сайт?
Ответ: Столько, сколько Вы согласны потратить на его разработку.

Если уделить этому вопросу несколько часов, можно удивиться, насколько сильный разброс цен на создание сайтов. Начиная от 500 грн. на красивом сайте с неплохим портфолио, где на странице контактов присутствует один мобильный телефон… до 50000 грн. у профессиональной веб-студии. Оказывается, есть даже бесплатные движки (не только СMS, а даже Интернет магазинов, ух-ты!), а сын директора как раз этим занимается и все обойдется бесплатно… Конечно, это в корне неправильный подход.

Рассмотрим простой пример:

Заказчик: Сколько будет стоить сайт?
Ответ: 20000 грн.
Заказчик: До свиданья.

На самом деле, все намного проще. Перефразируем вопрос:

Заказчик: Сколько будет стоить создать инструмент для рекламы, донести полезную информацию о продукции и услугах потенциальным покупателям, выйти на новый рынок продаж, повысить эти продажи, найти новых поставщиков/партнеров?
Ответ: 20000 грн.
Заказчик: Давайте встретимся и обсудим подробнее.

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

Тогда ответ на вопрос «какова цена разработки сайта?» становится очевидным.

Разработка сайта должна окупить задачи и цели его создания.

Не стоит думать, что малый бюджет разработки сайта это плохо. Не стоит также думать, что большой бюджет – это хорошо. Рассмотрим несколько примеров (все они основаны на реальном опыте).

Разработка сайта должна окупить задачи и цели его создания

Пример: фирма N по оказанию услуг (услуги дорогостоящие и трудоемкие) заказывает разработку сайта, «чтобы был». Также настаивает на минимальном бюджете, от постановки целей сайта, анализа рынка, конкурентов и т.д. отказывается, в итоге получая обычный сайт-визитку и абсолютно никакой рекламы. По происшествии нескольких месяцев, окончательно разуверившись в полезности сайта, получает неплохой заказ на сумму, в десятки раз превышающую сумму разработки сайта (как говорилось выше, работа дорогостоящая и трудоемкая). Позже оказывается, что эту фирму как подрядчика «нашли» в Интернете.

Вывод: Если Ваши услуги/товары дорогостоящие и всего несколько продаж в месяц позволит Вам окупить затраты на создание и раскрутку сайта – не стоит экономить.

Пример: фирма M также заказывает разработку сайта с красивым дизайном и каталогом продукции, но без рекламы и продвижения. Фирма также вкладывает деньги в рекламу на радио и в печатной продукции. В итоге, после создания сайта, (а продукция фирмы, как не странно, была плохо представлена конкурентами в Интернете в ее регионе) продажи растут. Позже оказывается, что источником продаж оказался каталог на сайте, а фирма все это время приписывала рост продаж рекламе на радио и продолжала вкладывать деньги в нее, увеличивая бюджет.

Вывод: Всегда необходимо четко поставить цели и задачи создания сайта, провести анализ рынка и конкурентов, представления товаров/услуг в сети, и если это выгодно – вкладывать деньги в Интернет рекламу.

Всегда необходимо четко поставить цели и задачи создания сайта, провести анализ рынка и конкурентов, представления товаров/услуг в сети

Вы сами легко способны определить, сколько будет стоить Ваш сайт – найдя золотую середину между его окупаемостью, задачами, целями и бюджетом, которым Вы располагаете. Подумайте, сколько вы готовы заплатить за потенциального клиента, оцените возможную прибыль и т.д. Но помните, что вложив минимум усилий и средств в разработку сайта, Вы врядли получите хороший результат. Если Ваши потенциальные клиенты не пользуются Интернетом, если Вы не готовы инвестировать достаточно в разработку сайта и уделить этому должное внимание и максимум своего времени – не стоит и начинать. Но помните, что даже небольшая фирма может создать хороший и качественный сайт, разрекламировать свои услуги/товары, что намного дешевле и эффективнее – реклама в Интернете не навязывается, в большинстве случаев потенциальные клиенты/покупатели ищут информацию сами. Все это даст возможность создать имидж солидной фирмы и выйти на уровень лидеров рынка в Интернете в своем регионе/стране.

• авторизации пользователей,
• редактирование контента страниц,
• возможностью загрузки файлов / изображений и т.д.,
• создание постраничного вывода с сортировкой данных,
• контактной (или другой) формой и т.д.

Т.е. почти полнофункциональный каталог + мини CMS.
На весь проект выделялось только 14 дней включительно с тестированием. Встал вопрос выбора платформы: будет ли это CMS, для которой будет разработан модуль каталога, или это будет каталог с модулем CMS?
Решено было пойти третьим путем – т.н. кастом-мэйд система, построенная на одном из известных фреймворков. Осталось выбрать только на каком. Учитывая предыдущий опыт работы с ранними версиями фреймворка с благозвучным названием Kohana (любимая на украинском) и помня все его недостатки было решено остановиться на CakePHP. Почему именно CakePHP?
Первый сайт в выдаче Google по запросу «php frameworks» был как ни странно phpframeworks.com со сравнительным анализом известных фреймворков. По всем параметрам CakePHP нас устраивал, а в табличке находился на почетном 3 месте:) поэтому именно он и стал платформой для разработки нашего проекта.
Хотим поделиться с вами впечатлениями об этом фреймворке.
CakePHP является фреймворком с открытым кодом для быстрого создания веб-приложений. CakePHP начатый в 2005 году и построенный на принципе MVC архитектуры, поддерживает active record, совместимый с PHP 4 и 5. Интегрированный CRUD для работы с источниками данных, встроенная валидация, обработка данных, средства поддержки интернационализации и локализации, компоненты и хелперы, чтобы свести к минимуму время разработки. CakePHP предлагает командную консоль для автоматического создания каркаса веб-приложения.

Первое с чего мы начинали – RTFM пересмотр нескольких скринкастов с http://cakephp.org/screencasts и вчитывание в документацию на http://book.cakephp.org/
Базовый проект на CakePHP создается за … 5 минут. Именно столько нужно чтобы создать базу данных, загрузить исходники с Git (git clone git: / / github.com/cakephp/cakephp1x.git) и выполнить команду /cake/scripts/bake
Далее вам будет предложено создать модель (model), вид (view) и контроллер (controller), что собственно и является концепцией MVC. Пройдя необходимые шаги мы получаем базовый проект с возможностью постраничного просмотра данных с сортировкой и редактированием контента. Далее идет «тонкая» настройка и модификация сгенерированного кода, который мы рассмотрим в следующем небольшом обзоре.

Полезные ссылки:

http://cakephp.org

http://www.ibm.com/developerworks/opensource/tutorials/os-php-cake2/index.html

http://planetcakephp.org

http://cakeqs.org

http://groups.google.com/group/cake-php?hl=en (кстати группа CakePHP достаточно активная и ответ на вопрос можно получить даже в течение нескольких минут, что является чрезвычайно полезно при разработке)

Дизайн сайта никогда нельзя закончить, так как нет предела для совершенства.

Первый шаг при создании сайта – анализ web-дизайна сайта. Это необходимо проводить каждый раз при работе с новым клиентом для того, чтобы определить, каким должен быть дизайн сайта и как он может в результате повлиять на продуктивность Вашего бизнеса. И чем более чётче определить требования к дизайну, тем лучше будет проведён анализ web-дизайна сайта. Не ссылайтесь на субъективные требования к web-дизайну. Нельзя определить какой из сайтов самый красивый и какой из web-дизайнов самый лучший – это бессмысленно. Авангардный web-дизайн сейчас не популярен, больший успех имеют сайты с классическим web-дизайном.

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

Анализ web-дизайна сайта можно проводить регулярно. Ваш сайт должен показывать текущее положение Вашего бизнеса с учётом перспектив и требований. Правильный анализ web-дизайна – залог успеха при создании сайта и продуктивности сайта, что, в последствии, принесёт Вам прибыль.

Помните, что Ваш сайт должен:

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

Не стоит забывать также, что связь с владельцем сайта также имеет большие привилегии. Обязательно необходимо в меню включить пункты «О нас» и «Контакты», это поможет посетителю познакомиться с вами поближе и по необходимости задать Вам лично свои вопросы, касательно Вашего бизнеса.

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