DATOT.RU
MARMOSET.RU
RABITSA.COM
LINGONECTION.COM
NIRAN.RU
KLINIKA-PREO.RU
VIVATSVADBA.RU
MUZMSK.RU
MURANOBUTIK.RU
MIAL-C.RU
100% валидность, кроссбраузерность, модный “резиновый” ассиметричный дизайн. Три варианта страниц - главная, страница с категориями и страница с материалами.
Что и как было сделаноОдна из моих первых относительно серьезных работ. Под серьезностью имеется ввиду не столько ценоваю планка проекта, сколько подход к реализации - некоторые вещи были рализованы впервые. Заказчик почему-то не захотел натягивать шаблон ни на один из популярных движков - поэтому данный сайт построен на обычных php-инклюдах.
Между прочим, после создания данного сайта я сделал для себя неожиданный (хотя для кого-то вполне ожидаемый) вывод - браузеры IE7 и IE7 “в режиме эмуляции” (т.е. когда в 7-ом експлорере включается так называемый режим совместимости) - это совершенно разные браузеры.
Требовался stand-alone блог с фотогалереей и некоторыми возможностями "как в жж". Ну и само собой, 100% валидность и кроссбраузерность.
Что и как было сделаноДумаю что имею полное право называть его оригинальным, поскольку в данном шаблоне было реализовано несколько эксклюзивных примочек.
Первое - это серверное время, которое выводится ввиде всплывающих подсказок. Время выводится не через javascript а средствами php - это позволяет посетителю вне зависимости от часового пояса видеть именно то время, по которому живет хозяйка блога. Это хорошо видно на скриншоте, сделанном в тот момент когда курсор был наведен на часы.
Второе - это галлерея, вернее ссылка на нее. Ссылкой является фотография на стене - а она меняется в зависимости от времени суток. Не верите? - тогда попробуйте открыть данный блог утром, днем и вечером ;)
update
Черт возьми, это чуть ли не единственная работа за которую заказчица вот так вот поблагодарила. Вот, смотрите сами: http://marmoset.ru/news/35/spasibki/. Как говорится мелочь, но очень приятно... Большое спасибо за спасибо ;)
Требовался мультиязычный каталог предприятий, с возможностью поиска и сортировки по самым различным критериям. Шаблон должен быть "резиновым" - т.е. подстраиваться под разрешение экрана посетителя.
Что и как было сделаноВыбранный движок (от I-Soft Bizness) несмотря на свойственные ему недостатки, является очень хорошим по соотношению цена/функционал. Ближайший конкурент - phpMyDirectory - стоит ровно в 2 раза дороже и гораздо менее адаптирован к русскоязычному пользователю.
Работа состояла из 2-ух этапов:
1. Исправление ошибок и доработка программной части
2. Верстка и натяжка дизайна
Что было сделано из исправлений и доработок:
- реализовано полноценное ЧПУ во всех блоках (новые, популярные, лучшие фирмы и т.д.);
- вместо штатного CuteNews был написан новый новостной мини-движок, который во-первых работает с ЧПУ а во-вторых после каждой новости выводит “похожие новости”, т.е. автоматически делает внутреннюю перелинковку;
- написан блок поиска и вывода по областям, причем в отличие от стандартного поиска, данный блок учитывает и филиалы;
- соответственно переделана панель клиента (представьте, что при добавлении филиала один написал Одесская область, второй Одеская область, третий еще как-то иначе - и было бы 3 Одесских области);
- исправлена ошибка с ЧПУ для фирм на украинском языке (не говорите мне что поддержка украинского не планировалось - зачем тогда функция обрабатывает украинские Є и Ї? Почему разработчики забыли про украинскую І? Английская I и украинская І это разные буквы)
- исправлена ошибка с отправкой сообщений (они не работали при включенном ЧПУ, если скрипт был установлен не в корень а в какой-нить каталог);
- исправлены некоторые мелкие ошибки (разработчики могут обратиться по поводу ошибок);
- увеличено быстродействие за счет отказа от лишних функций и вынесения java-скрипт в отдельный файл;
- сделана мультиязычность - в зависимости от языковых настроек вашего браузера вам будет показана та или иная версия. Также присутствует возможность “ручного” переключения языков;
Что было сделано в плане дизайна и верстки:
- простой ненавязчивый дизайн и модный ассиметричный стиль не отвлекают посетителя от главной цели - поиска предприятий;
- “резиновый” макет легко подстроится как под экраны ноутбуков, так и под широкоформатные 22″ и выше мониторы;
- верстка сделана с использованием negative margins, а это значит что разместить сайдбар слева или справа от основного контента - дело нескольких минут. Для ПС в любом случае содержимое останется СЕО-дружелюбным, т.е. вначале контент а затем навигация;
- кроссбраузерность минус одно поколение (т.е. если сегодня актуален ИЕ8, то корректно отображается в ИЕ8 и ИЕ7). Это не значит, что пользователи ИЕ6 ничего не увидят, просто они увидят не так как задумано. Но полностью подстраиваться под браузеры 10-летней давности - увольте;
А теперь собственно о том, зачем же я так расхваливаю данный каталог. Это одна из ступенек услуги “сайт под ключ от и до”. Данный пост служит для того чтобы мгновенно загнать сайт http://rabitsa.com/ в индекс поисковиков. Проверено другими постами с использованием кросспостинга, сайты-акцепторы оказываются в индексе максимум за несколько дней.
В самом начале поста было заявлено о нескольких стартапах, и один из этих стартапов - это свой собственный хостинг в своем собственном дата-центре. Пока что биллинг не работает и хостинг предоставляется исключительно для моих клиентов. Цена - $0.00. Да, вы не ослышались - все мои клиенты с сегодняшнего дня могут получить бесплатный хостинг сроком от 6 до 12 месяцев.
Сайт для австрийской фирмы, которая занимается переводами. Движок - Joomla. Полноценная мультиязычность (если посетитель, находящийся на английской странице "контакты" нажимает на немецкую версию сайта - он должен попасть именно на немецкую версию страницы "контакты" а не на главную страницу немецкой версии).
Что и как было сделаноJoomla + компонент JoomFish хватило для 80-90% функционала, но некоторые вещи пришлось писать с нуля. Например форму для обратной связи - до недавнего времени удовлетворяющего условиям компонента (чтоб можно было добавить любое кол-во форм и чтобы работала мультиязычность) не существовало. Или отправка писем (письмо к заказчику придет на нужном языке). Или меню - возможностей стандартной джумловской навигации тоже не хватало для полноценной мультиязычности.
Простой и доступный интернет-магазин на Joomla + Virtuemart.
Что и как было сделаноЯ отношусь к тем, кто считает что универсальный инструмент заведомо хуже специального, т.е. гайки удобнее и эффективнее закручивать гаечным ключем а не плоскогубцами.
Хоть Joomla и является одним из самых "нелюбимых" мною решений для интернет-магазинов, данный пример скорее исключение из правил - который демонстрирует что неплохой магазин с вполне приемлимым функционалом можно сделать даже на Джумле.
Простой сайт-визитка. Поскольку у заказчика уже имеется несколько сайтов на Joomla, то одно из условий - CMS Joomla.
Что и как было сделаноЕсли честно, в плане работы сайт получился действительно очень простым. Заказчиком был выбран подходящий флешевый шаблон на templatemonster.com, а моя задача состояла в "натягивании" этого шаблона на джумлу - т.е. никаких сложностей-интересностей, никаких доделок-подгонок не было.
В портфолио данный сайт лишь по той причине, что у меня в портфолио нету сайтов-визиток. Магазины есть, каталоги есть, корпоративные сайты есть - а визиток пока что нету... Так что пусть будет ;)
Многофункциональный свадебный портал-каталог. Новости, статьи, доска обьявлений, фото и видеогалерея, каталог предприятия, оказывающий околосвадебные услуги.
Что и как было сделаноПрограммная часть - собственная авторская разработка, основанная на "симбиозе" двух независимых движков. Продвинутая двухуровневая система кеширования позволяет выдерживать значительные нагрузки.
Написанная полностью с нуля доска обьявлений обладает очень большой гибкостью - например позволяет делать неограниченное кол-во условий и опций. Интеграция форума SMF.
Магазин музыкальных инструментов и сопутствующих товаров, одно из требований заказчика - сортировка как по наименованиям так и по производителям.
Что и как было сделаноБыла выбрана платформа prestashop - как одна из лучших (если не лучшая) на сегодняшний день бесплатных платформ для е-коммерции. Кроме натяжки шаблона, было сделано несколько модулей - например, многоуровневое меню-аккордеон, заменяющее штатное "престашоповское" меню, или модуль для социальных сетей.
Получить магазин бижутерии на платформе webasyst, одно из требований заказчика - сортировка как по наименованиям так и по производителям.
Что и как было сделаноЗаказчик попросил "резиновый" дизайн, и в данной работе активно применялось трехмерное позиционирование обьектов.
Имеется ввиду z-index, а чтобы было понятнее о чем идет речь - просто обратите внимание на украшения, которые "нависают" над главным меню и над слайдером несмотря на изменение размера окна.
Аналогичный прием был применен для изображений-превьюшек товаров - т.е. сама картинка физически находится под рамкой с закругленными уголками. Таким образом получается, что любая загруженная картинка выглядит с заокругленными уголками.
Портировать старый сайт на самописном движке (использовался еще php3) на более современную и безопасную платформу. Поскольку много страниц сайта уже находились в индексе ПС, все URL-ы должны остаться такими же как на старом сайте.
Что и как было сделаноПо некоторым причинам выбор пал на Amiro CMS.
Первое что было сделано - это интеграция дизайна в движок. Именно интеграция а не создание шаблона, поскольку в Amiro CMS отсутствуют привычные многим шаблоны - т.е. дизайн пришлось делать с нуля. На мой взгляд, получилось очень даже неплохо - благодаря использовании negative margins при верстке содержимое загружается раньше чем боковые колонки, а ведь чем выше ключевой контент находится в коде страницы, тем более релевантно он оценивается ПС. Кроме того, дизайн легко переключаетсся с резинового на фиксированный (и наоборот).
Кроме того, нужно было "подружить" с Amiro CMS слайдер изображений и онлайновый калькулятор стоимости работ, что и было успешно выполнено.