Создание сайта «Завода метталических конструкций»

www.l-dv.ru — Создание сайта, верстка, движок.

Новый сайт компании «LDV» создан в минималистическом дизайне. Основную ставку мы сделали на наполнение и судя по отзывам клиента, не ошиблись.

Сайт одинаково хорошо отображается в любом браузере, благодаря особому вниманию к верстке. Кстати мы до сих пор поддерживаем даже такие древние браузеры, как Internet Explorer 6!

Вся информация разложена по полочкам, у каждого товара имеется своя страница с описанием, фотографией и ценой. Кстати цены актуальные и постоянно обновляются. Сами сотрудники компании регулярно изменяют цены, добавляют новые описания и целые страницы, обновлять сайт очень легко, потому что он работает на нашем движке.
Мы выделили место под специальные акции и сезонные снижения цен, которые так же обновляются и сохраняют актуальность.
Наполнение сейчас является главным продающим фактором и это является главной особенностью сайта. Нами было создано и наполнено около 200 страниц (не считая технических), добавлено более 400 единиц товаров. Результат — высокая отдача от рекламы.

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

Благодарим Тлучкевич Андрея и Светлану за помощь в создании проекта и некоторые свежие идеи.

Вторая версия сайта doorstal.su

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

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

Интерфейс редактора стал более логичен и легок в управлении.

Появилась возможность вставки на сайт потокового видео, как со сторонних сервисов (например youtube), так и напрямую. Можно загрузить видео с компьютера и оно будет воспроизводиться. Первые видео уже выложены на сайте.

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

Создание сайта doorstal.su. Часть 2

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

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

Приступаем к редактированию страниц. Встроенный редактор, напоминает, всем известный, Word и позволяет выделять текст любым цветом, подкрашивать его, выравнивать, вставлять изображения, рисовать таблицы, добавлять спецсимволы, специальные гиперссылки и многое другое. На скриншоте, показан пример редактирования страницы «Двери, с отделкой винилискожей». Таблицы выделены пунктирной линией, а все параметры и цену можно редактировать.

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

Конечно, можно загрузить не только фотографии, но и любой тип файлов, такой как flash, excel, word и т.д.

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

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

Модуль «Отзывы», имеет еще более продвинутую систему управления. Зайдя на страницу отзывов, мы видим, во первых сам отзыв, систему модерирования и редактирования. Рядом с отзывом показан IP адрес написавшего (в данном случае, адрес не настоящий, для сохранения конфиденциальности). Отзыв можно отредактировать, скрыть (например, на время, если пока неизвестно, что с ним делать в данный момент) и удалить. Можно отсортировать отзывы по датам, когда их будет много, для удобства, можно показывать, например, только опубликованные отзывы, или наоборот, только скрытые. Есть, также и защита от спама, с особым механизмом распознавания.

6. Заключение.
Сейчас, идет активная реклама сайта в Яндекс-директ и продвижение по поисковым системам, уже сегодня, сайт посещают более 300 человек в сутки, что для нового сайта, отличный результат, а будущем, его ожидают еще более значительные результаты, благодаря которым, этот сайт будет приносить своим владельцам большую прибыль.

Создание сайта doorstal.su. Часть 1

www.doorstal.su — Создание сайта, верстка, движок.

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

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

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

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

3. Функционал.
Выбирая дверь, с определенной отделкой, открывается страница, на которой видим фотографию двери, ее описание, цену, а так же цвет и варианты рисунка отделки:

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


Черный цвет отделки


Красный цвет отделки


Голубой цвет отделки


Белый цвет отделки

В форме обратной связи появился секретный код, для предотвращения спама:

На странице «Отзывы», можно оставить отзыв о сайте или фирме и ее услугах. Для предотвращения спама, также используется секретный код:

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

В следующей части я расскажу о редактировании сайта, добавлении новой информации, внутренней структуре и дополнительных модулях.
Читать вторую часть рассказа о создании сайта dorstal.su

Сайт компании «Каскад»

Компания «Каскад», занимается продажей стальных дверей и прочих изделий из металла. Для их сайта www.dveri-kaskad.ru мы сделали HTML-верстку и запустили сайт на нашем движке.

Главная страница сайта в активном и не активном состоянии:


Не активное состояние

Активное состояние

Внедряем движок

Закончили работу по переводу сайта www.plazoplus.ru на наш движок. Заодно немного поменяли внешний вид бокового меню, подправили тексты, чтобы соответствовали поисковым запросам. Смысл работы, конечно в том, чтобы сайт был выше в выдаче Яндекса. Вот, для сравнения, старая и новая редакция сайта:


Было
 ?
Стало

Благодаря такой оптимизации, сайт продвинулся по своим основным словам:
стальные двери — была 420 позиция, стала 200
металлические двери — была 256 позиция, стала 120

И это только за первые пару дней, дальше должно быть только лучше.

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


Структура сайта в админке

Редактор страниц сайта

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

Выбор ключевых слов

Конечно, можно добавлять новые страницы, удалять старые, загружать фотографии.

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