Как делался severlesprom.ru

[ermouth]

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

До этого делали ему модули какие-то, буклетеги, на выставке он с нами был – но всё такое… не в портфолио, короче. Хорошее такое, пёстренькое )

Поэтому к сайту я решил ручки посерьёзней приложить и денюжку отработать по-жирному.

Сначала структура, простенькая такая.

На заглавную, понятное дело, надо ставить продукт самый ходовой. Рисуем в нулевой итерации.

В этот момент появляется решение не париться с резиновостью и поддержкой ИЕ6. Попутно, коль скоро нарисовались круглые углы, решено не париться с точным их воспроизведением в ИЕ7-8. Там тоже всё нормально выглядит, но не также, как в человечьих бравузерах.

Рисуем в корелдрове черновички. Пока получается всякая маловнятная фигня:

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

Компайлится из кусочков, один из вариантов получается так:

Уже ничего, но всё ещё мало розовых соплей красивостей. Отправляю demichev’у, он пририсовывает кустеги, облака и птичег. Я пририсовываю стикер и листалку. Тени косые под объектами – они потом отомрут кста. Отправляем клиенту вот такой jpeg:

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

Клиент говорит “О ДАААА!!!”. Гут. Под восторги меняем структуру и немного облегчаем себе работу.

Начинаем имлементить, тут я проклял гарнитуру Days. В кириллице букву д надо везде исправлять, родная совершенно уродская. Вот так:

Ставим CMS, размечаем шаблон, пишем css, вкручиваем jQuery, берём бесплатные пиктограммки, монтируем всё, выкладываем.

Уже подоспели первые рендеры. Вкручиваем. Пишем тексты (ещё будут правиться). Ставим.

Кручу вертелки, кое-что правим (убрали, например, крутилку мышкой слайдов на заглавной).

Рисуем внутренние страницы. Первый подход:

Это фигня. Второй подход:

Ок, в этом стиле делаем форму контакта, пишем туда шпаргалку. Рисуем страницу про проектирование – можно было и круче сделать. Может, доделаем.

Теперь надо впилить туда калькулятор. Я, когда писал калькулятор для нашего корпосайтега, писал, в общем то, платформу для считалок. Так что в сайт Северлеспрома наш калькулятор вкрутился буквально за четыре часа. Причём большую часть времени у меня занял анализ цен клиента в Excel для того, чтобы восстановить модель ценообразования. Формулку подобрать.

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

Потом  выложил псто про премакет, любимые френды накидали багов. Ругая себя за тупость, исправляем.

Ну и вуаля, бета версия отправлена клиенту на посмотреть. Ждём от него фидбэка )

Comments

[ex-realtony.livejournal.com]

а...уенчик! хочу дом!

[mustdie-arh.livejournal.com]

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

[tvguide-khv.livejournal.com]

а мне и такая Д вполне вкатывает.

хороший сайтег и хорошие тексты. ;)

[http://users.livejournal.com/_ss_/]

когда вы, простые люди из интернета, перестанете это слово употреблять?
не модно уже. НЕ-МОД-НО!

[tvguide-khv.livejournal.com]

ну... я не простой человек из интернета ;) и мне на моду которая не модна внутри вашей головы как-то пофигу ;) у меня своя мода. и она намного моднее вашей. стопудово

[http://users.livejournal.com/_ss_/]

ещё один хипстер, короче

[tvguide-khv.livejournal.com]

ага. мега-хипстер.

[ermouth.livejournal.com]

какое слово? сайтег? )

слово "немодный" само по сееб не модное, да.

[http://users.livejournal.com/_ss_/]

а иначе почему вы употребляете это слово?
желание что-то оригинальное написать, сообразующееся с последними тенденциями в интернете.. а значит, желание изобразить что-то модное

[absolut-real.livejournal.com]

Отличный сайт!

[net-cat.livejournal.com]

"Д" правда странная.

А сайтик хорошо получился, да.

[shaneoshea.livejournal.com]

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

проникся проблемой «д» в дэйс..

п.с. когда в полосе прокрутки домиков заканчиваются фотки она всё-равно листает дальше - в бездну (:

[ermouth.livejournal.com]

про прокрутку знаю, очень впадлу глубоко в код листалки лезть )

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