Портфолио веб-разработчика
В данном списке приведены лишь некоторые работы: как сложные, так и совсем простые, как целиком мои от дизайна до наполнения, так и те, в которых я лишь написала пару десятков строк кода. Скорее всего здесь просто те работы, которые я вспомнила, которые на момент публикации ещё не были переделаны, и о которых мне есть что сказать.
АВАНГАРД СПЕЦОДЕЖДА
Корпоративный сайт с каталогом продукции, геотаргетингом, импортом и экспортом прайс-листов на нестандартной CMS
Сайт для журнала «ИНТЕРПОЭЗИЯ»
Проведённые работы: разработка дизайна под требования заказчика, вёрстка, установка и настройка системы управления сайтом, подключение шаблона к системе управления сайтом, установка и настройка модулей, наполнение сайта материалами заказчика, настройка доступа к сайту по HTTPS, настройка веб-аналитики.
Сайт для строительной компании «ГАЛЛАРД»
Мультиязычный корпоративный сайт с общей и контактной информацией, перечнем услуг, описанием проектов и обширной фотогалереей.
Проведённые работы: изменение готового шаблона дизайна под требования заказчика, в том числе клиентский скрипт для отображения проектов компании во вкладках без перезагрузки страницы, установка и настройка системы управления сайтом, подключение шаблона к системе управления сайтом, установка и настройка модулей, наполнение сайта материалами заказчика.
Блог и портфолио фотографа
Минималистичный блог-портфолио с фотогалереей и функцией мультиязычности.
Проведённые работы: макет дизайна сайта по пожеланиям заказчика, HTML-вёрстка и её подключение к системе управления, установка и настройка системы управления сайтом, настройка структуры сайта под требования заказчика, выбор, установка и настройка модулей, в частности фотогалереи с разветвлённой рубрикацией.
Аренда виллы BARONG на Бали
Сайт с описанием виллы, сдающейся в аренду и возможностью оставить предварительную заявку на бронирование.
Проведённые работы: макет дизайна сайта по пожеланиям заказчика, HTML-вёрстка и её подключение к системе управления, клиентские скрипты для выпадающего меню, вкладок на главной странице и страницах описания вилл, установка и настройка системы управления сайтом, настройка структуры сайта под требования заказчика, выбор, установка и настройка модулей для раздела с галереей, а также слайдера в шапке сайта.
Сайт автосервиса Revolution Cars
Редизайн сайта автосервиса и разработка модулей калькулятор (заказ) и обратная связь.
Проведённые работы: HTML-вёрстка по PSD-макету, интеграция новой вёрстки со старыми клиентскими скриптами, разработка новых клиентских (jQuery) и серверных (PHP) скриптов.
В соответствии с задумкой Заказчика был создан оригинальный калькулятор-корзина, позволяющий выбрать необходимые виды работ автосервиса из разветвлённого списка, просуммировать их количество стоимость, сохранить выбранные работы в подобие корзины прямо на той же странице, удалить лишние работы из корзины, ужаснувшись получившейся сумме, и наконец отправить заявку с перечнем выбранных услуг на email менеджеру.
Также к сайту подключена простая форма обратной связи с отправкой сообщения посетителя на email менеджеру.
Поскольку ранее сайт был статическим, без CMS, и редактировать на нём информацию заказчик в дальнейшем не планировал, серверные скрипты были реализованы отдельными модулями, система управления контентом на сайт не устанавливалась.
Сайт ФГУП ВООП РФ на 1С-Битрикс
Сайт Федерального Государственного Унитарного Предприятия Ведомственная охрана объектов промышленности Российской Федерации на базе CMS 1C-Битрикс.
Проведённые работы: координация работы верстальщика и дизайнера, установка и настройка 1C-Битрикс Управление сайтом, клиентсткие скрипты jQuery для выпадающего меню, аккордеона, интерактивной карты филиалов и других приятных визуальных эффектов по мелочи, создание структуры сайта в соответствии с техническим заданием (разделы и настройка инфоблоков).
На сайте была создана оригинальная интерактивная карта филиалов. Филиалы реализованы с помощью инфоблоков, информация о них заполняется контент-менеджером в административной части сайта. При наведении мыши на карту краткая информация о филиале выводится во всплываюшей подсказке, при повторном клике пользователь переходит на отдельную страницу с детальной информацией о филиале.
Детали работы над этим проектом можно также почитать на сайте агентства 4-Лаб.
Перенос на 1С-Битрикс сайта коучинговой компании
Сайт компании Би-Аспект изначально был создан статическим, с дизайном в стиле девяностых и с необходимостью менеджерам наполнять расписание семинаров и тренингов вручную в HTML. Как следствие, за годы деятельности компании на сайте появилось огромное количество ошибок и неточностей, систематизировать и отфильтровать расписание семинаров не было никакой возможности, что затрудняло задачу посетителям, которые приходили на сайт с целью заказать участие в тренинге.
Проведённые работы: анализ бизнес-задач Клиента, выбор оптимальной системы управления сайтом, составление и согласование технического задания, установка и настройка 1С-Битрикс, вёрстка и интеграция обновлённого шаблона сайта, создание компонентов для расписания семинаров и для программ семинаров с возможностью гибкой фильтрации списка тренингов, настройка других инфоблоков - новости, вакансии. Разработка парсера HTML для импорта данных со старой версии сайта в инфоблоки 1С-Битрикс и импорт данных.
Технические доработки по сайту компании Natural Parquet
Сайт реализован на нестандартной CMS и при доработке мне прежде всего потребовалось вникнуть в логику её работы, чтобы не нарушить функционирование уже существующих модулей.
Проведённые работы: многочисленные изменения вёрстки, добавление новых разделов на сайт с динамической информацией (список товаров и цены), добавление новых модулей в административную часть, разработка нового функционала в движок сайта, настройка вывода товаров на сайте, написание клиентских скриптов.
Разработка корпоративного сайта с каталогом продукции
Сайт компании «Винчелли» призван решать сразу несколько задач: служить официальным представительством компании в сети интернет, содержать информацию о продукции компании, быть удобным и лёгким в наполнении для менеджеров компании, позволять размещать на любой странице сайта увеличивающиеся изображения («лайтбокс») с водяным знаком (Заказчик отдельно сделал ударение на данной возможности), иметь структуру разделов потенциально неограниченной вложенности. Исходя из всех требований Клиента была выбрана система управления UMI.CMS.
Проведённые работы: установка и настройка CMS, интеграция вёрстки, настройка структуры сайта, в том числе каталога продукции, в соответствии с техническим заданием.
Технические доработки сайта, устранение ошибок, редизайн, разработка модуля подбора конфигурации окон
Изначально сайт компании MAZARRI, производителя деревянных окон, несмотря на свой несовременный внешний вид, обладал наиболее необходимыми для такого сайта функциями. Сайт был реализован на базе CMF MODx и некоторое время поддерживался в своём первоначальном виде до того момента, как было решено провести полный редизайн.
Проведённые работы: мелкие технические доработки функционала сайта, координация работы команды, интеграция вёрстки в CMF MODx. Разработка модуля предварительного заказа окон (javascript): пользователь выбирает тип окон, породу и сорт древесины, тип стеклопакета, ширину профиля, цвет фурнитуры, особенности покраски, дополнительные свойства и размеры окон, количество различных конфигураций окон, заполняет контактную информацию и отправляет эти данные на email менеджеру, который затем сможет точно посчитать стоимость заказа и уточнить все детали, и свяжется с посетителем.
Техническая поддержка интернет-магазина напольных покрытий
Сайт был создан на основе нестандартной CMS, в которую понадобилось внести некоторые изменения.
Проведённые работы: создание отдельной панели администратора для массового редактирования товаров, правки вёрстки и контента в труднодосягаемых для контент-менеджеров местах, добавление новых функциональных возможностей в движок, изменения структуры каталога продукции, добавление и настройка вывода свойств товаров, устранение ошибок в работе корзины и каталога продукции, исследования движка по заданиям отдела продвижения, модификация клиентских скриптов.
Каталог продукции компании Dekorwood
Довольно лаконичный по своему функционалу сайт с каталогом продукции. Типовая структура: несколько статических страниц и каталог товаров с возможностью перейти на детальную страницу каждого товара. Сайт разработан для компании, занимающейся производством эксклюзивной деревянной мебели. Реализованы все основные функции: каталог с неограниченной вложенностью, возможность прикреплять увеличивающиеся фото товаров, ЧПУ, удобное редактирование мета-тегов в административной части, визуальный редактор, дизайн сайта в шаблонах для удобной и быстрой смены вёрстки.
Проведённые работы: установка и настройка системы управления (Santafox), подключение вёрстки, создание структуры сайта, настройка вывода списка продукции и детальных страниц товаров в многоуровневом каталоге, простые клиентские скрипты для увеличения изображений на сайте и слайдера (галереи изображений с возможностью прокрутки), автоматическая обработка большого количества изображений для сайта, наполнение сайта в полуавтоматическом режиме, настройка динамических галерей для каталога товаров.
Обновлённый сайт 4Lab
Проведённые работы: интеграция нового дизайна в систему управления, активное использование возможностей jQuery для реализации аккордеонов, лайтбоксов, каруселей, а также других приятных мелочей. Идея и реализация способа размещения работ портфолио исходя из пожеланий отдела продвижения, удобства пользователей и современных технологий.
Устранение ошибок вёрстки.
Настройка плагинов WordPress для грамотной подачи работ в портфолио компании, написание уникальных текстов для сайта (описание услуг, новости, портфолио), создание раздела с брифами для того чтобы клиентам удобнее было подавать заявки, технический дизайн брифов и их реализация на базе jQuery и WordPress.
Интернет-магазин для Студии цветов «Ассоль»
Полная реконструкция сайта для студии цветов «Ассоль» из небольшого каталога на самописной системе управления в полнофункциональный интернет-магазин с корзиной, авторизацией посетителей, системой скидок для постоянных пользователей, возможностью выбора опций доставки и оплаты и удобной и современной фильтрацией товаров в каталоге.
Проведённые работы: анализ бизнес-задач Заказчика, выбор оптимальной системы управления сайтом, составление и согласование технического задания, согласование дизайна, установка и настройка CMS, вёрстка сайта по предоставленному PSD-макету, интеграция вёрстки в систему управления (XSLT-шаблоны), настройка навигационной цепочки («хлебных крошек»), подключение необходимых опций доставки и оплаты, клиентские скрипты. А также реализация нестандартного функционала на UMI.CMS: заказ в один шаг, AJAX-корзина, нестандартный фильтр товаров.
Разработка сайта для компании, занимающейся изготовлением деревянных лестниц
На сайте необходимо было разместить каталог продукции с возможностью перейти на отдельные страницы с детальным описанием товарной позиции, а также несколько «условно статических» страниц с текстово-графической информацией, доступных к редактированию в админке. Также нужно было разместить на сайте материалы Заказчика. Для работы была выбрана нестандартная самописная CMS, уже использовавшаяся Заказчиком для других сайтов.
Проведённые работы: выбор шаблона дизайна для сайта, корректировки вёрстки, разработка необходимых клиентских скриптов, установка движка сайта, настройка, интеграция вёрстки, модификация модуля каталога под нужды Заказчика.
Интернет-магазин «с нуля» на базе UMI.CMS
Для разработки интернет-магазина расходных материалов для принтеров была выбрана система управления UMI.CMS. В задачи по разработке входили следующие моменты:
- на сайте должна быть возможность выбора системы оплаты - наличный или безналичный расчёт и в зависимости от выбранного способа все суммы должны автоматически пересчитаться;
- при оформлении заказа у посетителя должна быть возможность выбора: заказ оформляется на физическое или на юридическое лицо;
- структура каталога должна быть многоуровневой;
- на страницах каталога должен присутствовать фильтр товаров;
Проведённые работы: координация работы команды (дизайнер, верстальщик), согласование дизайна, установка и настройка системы управления сайтом, интеграция вёрстки в UMI.CMS (XSLT-шаблоны), разработка уникальго функционала с помощью возможностей UMI.CMS и JS-скриптов.
Сайт-визитка «с нуля» для строительной компании «Ремкод»
Заказчик планировал разместить на сайте каталог услуг, прайс-лист, форму быстрой обратной связи, калькулятор стоимости заказа и обширную галерею выполненных работ. Дизайн предполагался современный, с использванием возможностей современной вёрстки по максимуму.
Проведённые работы: анализ бизнес-задач Заказчика и подбор оптимальных технических решений, составление и согласование технического задания, помощь в выборе шаблона дизайна, модификация шаблона, в том числе flash-шапки сайта, установка и настройка CMS, установка необходимых типовых модулей для работы сайта, интеграция шаблона в систему управления сайтом, создание структуры сайта в соответствии с ТЗ. Разработка модулей: онлайн-заявка (отправка заполненной посетителем формы на email администратору), фотогалереи с увеличением изображений («лайтбокс»), простого калькулятора стоимости услуг. Наполнение сайта: обработка большого объёма фотографий для портфолио выполненных объектов и их полуавтоматическое размещение на сайте.
Редизайн сайта компании и его технические доработки
Сайт был создан когда-то на нестандартной CMS и вот возникла необходимость освежить его внешний вид.
Проведённые работы: вёрстка обновлённого макета, его интеграция в систему управления, устранение ошибок и недочётов в работе сайта.
Редизайн интернет-магазина напольных покрытий
Всё в этом мире устаревает, особенно дизайн. А ведь от него напрямую зависят продажи компании. Для сайта Студии Паркета в 2011 году было решено провести редизайн. Сайт на нестандартной CMS, и обновлённую вёрстку потребовалось интегрировать в существующую систему шаблонов.
Проведённые работы: совместная с дизайнером вёрстка сайта, интеграция в шаблоны (что-то типа SMARTY), настройка корректной работы всех модулей и разделов на обновлённом сайте, клиентские скрипты для визуальных эффектов и расширения функционала.
Разработка корпоративного сайта на нестандартной CMS
Разработка «с нуля» корпоративного сайта компании, занимающейся изготовлением ворот и ограждений. На сайте присутствуют каталог продукции, новости, а также статические страницы. Структура каталога не совсем стандартная: страницы товаров содержат не только текстово-графическую информацию, но и ссылки на спецификации в формате PDF, и несколько фотогалерей с эффектом увеличения. Информацию о товаре ввиду её большого объёма было решено оформить в виде так называемого «аккордеона» со сворачивающимися блоками.
Проведённые работы: вёрстка HTML/CSS по PSD-макету, в том числе под устаревшие браузеры, установка и настройка системы управления, интеграция вёрстки, создание структуры сайта, разработка каталога продукции на основе имеющегося модуля и требований Заказчика, интеграция клиентских скриптов.
Разработка и техническая поддержка корпоративного сайта на нестандартной CMS
Корпоративный сайт производителя спецодежды с каталогом продукции, морфологическим поиском, возможностью выбора местонахождения посетителя как в автоматическом, так и в принудительном ручном режиме, возможностью импорта каталога товаров с ценами из 1С, оформления предварительного заказа на продукцию. Сайт создан на базе нестандартной CMS.
Проведённые работы: интеграция готовой вёрстки в SMARTY-шаблоны, создание структуры сайта, создание модуля каталог продукции с неограниченной вложенностью разделов, создание модуля новостей, расширение функционала визуального редактора в административной части сайта, написание парсера Excel-файлов и импорт распарсенных данных в каталог сайта с учётом их принадлежности к разделам и свойств. Создание и настройка нескольких форм типа обратной связи или предварительного заказа отсутствующих товаров. Создание простого функционала интернет-магазина. Написание функционала определения местонахождения посетителя по его IP-адресу с возможностью вручную выбрать другое местоположение. В зависимости от местоположения (города России) на сайте показываются цены, актуальные для филиалов в данном городе, а также соответствующая контактная информация.
Модуль email-рассылки к нестандартной CMS
Проведённые работы: разработка модуля email-рассылки и подписки для сайта музыкального журнала. Для защиты от спама в форме подписки реализована простая «капча».
Разработка корпоративного сайта на нестандартной CMS
Разработка «с нуля» корпоративного сайта поставщика систем пластиковых трубопроводов. Сайт с каталогом продукции на самописной системе управления. Каждый раздел каталога оформлен в своей цветовой гамме и содержит информацию и производителях данного типа продукции и линейках продукции каждого производителя, оформленную в подобие «владок» или «табов» с помощью JS.
Проведённые работы: вёрстка HTML/CSS по PSD-макету, в том числе под устаревшие браузеры, установка и настройка системы управления, интеграция вёрстки, создание структуры сайта, разработка каталога продукции на основе имеющегося модуля и требований Заказчика, JS для визуальных эффектов и функционала.
Технические доработки интернет-зоомагазина
Проведённые работы: внесение изменений в уже работающий сайт на нестандартной CMS, устранение ошибок в работе.
Спутниковая система слежения «Track Record»
Спутниковая система мониторинга «Track Record» представляет собой программно-аппаратный комплекс, позволяющий осуществлять оперативное управление, контроль и анализ деятельности отдельного транспортного средства и транспортного парка в целом.
Система реализована на базе карт Google.
Проведённые работы: устранение ошибок в работе системы, настройка существующих отчётов и создание новых. Использованные технологии: PHP, MySQL, HTML, CSS, JS.
Сводный план проверок субъектов предпринимательства на 2010 год
Пилотный проект 2010 года, реализованный на 1С-Битрикс и почти выдержавший хабраэффект
Проведённые работы: участие в разработке основной части сайта, проектирование и разработка раздела со сводным планом проверок средствами API 1С-Битрикс.
Основная сложность данного проекта заключалась в огромном объёме списка всех проверок, который тем не менее нужно было как-то импортировать в автоматическом режиме периодически, а также в большой посещаемости данного сервиса (не столько ввиду хабраэффекта, сколько ввиду того, что сервис все давно ждали).
При реализации было найдено «тонкое место» 1С-Bitrix: автоматический импорт огромного списка элементов инфоблоков, к сожалению, на тот момент оказался невозможен, процесс прерывался на половине. Ввиду срочности и ответственности задачи пришлось придумать нестандартное решение для обхода данной проблемы.