четверг, июня 23, 2011

Двери Уют: обучить старого медведя новым фокусам

 UPD: Новый вариант сайта уже работает, старый стал достоянием забвения.


Делалось по заказу агентства Brand-PR.

Был (и есть) сайт.

Задача: не внедряясь в существующее, сделать его живее и френдли.

Поковырял в ухе, выслал следующее:
Вот примерно как может выглядеть главная страница.

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

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

Я на картинке нарисовал ТВ на стене, просто чтобы место занять. Но если у них есть какие-то видеоматериалы, этот ТВ может показывать реальное видео. Или эту фигу можно добавить позже.


Получил отмашку: делать.

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

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

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

Строка кнопок, как я её нарисовал, не ложилась в логику модуля: желательно было иметь весь довесок в едином div. Поэтому сделал её убираемой.

Выбор случайной двери из каталога был несложным, но пришлось добавить обработчик AJAX-вызовов, подключить туда свою библиотеку SQL (лениво и некогда изучать собственные функции CMS).

По той же причине (лень и некогда) не стал использовать CMS'ный Яваскрипт-фреймворк, а добавил до кучи jQuery, которую - вдоль и поперёк.

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

Потом пришла в голову мысль сделать обратный ход: поиск двери в каталоге (они ведь часто случайные!). Удалось.

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

И сделать загрузку своих фото. И врисовку двери с это фото (двигать, масштабировать).

И запоминать всё-всё это в cookies, включая список из 30 последних дверей.

Так что вполне можно сделать, например, вот так:

или вот так, да включить телевизор:

Где-то тут надо было останавливаться, потому что ― «сбивайте меня палками, я сам не сяду!..», поэтому напоследок сделал ещё пару мелких фишек и отправил сдаваться.

Сдалось очень хорошо. В понедельник (27.06) запланировано к переезду на ПМЖ, а пока можно посмотреть на моём временном.

Мелочь, но весело было.

1 комментарий:

ДД комментирует...

И тут Остапа понесло...
Видимо, бродили мысли в голове, назревало, а заказчик как-то исключительно удачно заблудился и прямо под руку? ;))

Поиск по этому блогу