Добрый день! Сегодня наша команда хочет рассказать Вам об одном нашем кейсе, которые кому-то может показаться интересным, а кому-то — банальным. Но как говорится «на вкус и цвет — товарищей нет». Этот кейс будет рассказывать о нашей разработке корпоративного сайта для компании «Транс Круг», которая является одним из лидеров в Украине по изготовлению наружной рекламы, а так же занимает лидирующие позиции и по сегодняшний день.

Задачи и цели

Задачу, которую поставили перед нами наши заказчики, состояла в том, чтобы можно было обновить, а точнее полностью переделать их старый сайт, что у них был. Сайт, который был у этой компании, был разработан нашими коллегами-конкурентами (поймите правильно, называть их мы не будем, с точки зрения — солидарности) еще в 2000 году. Как вы понимаете, тогда сайты писали (а точнее «создавали») совсем по другому, не используя те современные технологии и возможности, что есть сейчас. Старый сайт компании был написан на обычном HTML и CSS, без админки, без адаптивности и прочего. Клиент не имел возможности нормально администрировать проект, не мог нормально опубликовывать новости компании, а так же, не имел полного контроля над своим сайтом. Если говорить очень коротко — не мог «владел» сайтом и не мог его администрировать вообще. Так же, корпоративная почта клиента находилась на не качественном хостинге, что приводило к одной большой проблеме — почти все письма клиента попадали в «Спам», что было очень не удобно и не солидно для компании, которая занимает лидирующие позиции на рынке.

 

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

Стратегия

После обсуждения в команде стратегии по реализации проекта, мы решили начать с — проектирование структуры сайта. Наш дизайнер провел несколько конференций с заказчиком, полностью выяснил, что именно хочется клиенту, как он (клиент) это видит. После анализа конкурентов нашего клиента, дизайнер смог предложить прототип дизайна клиенту, который был утвержден почти сразу. Почему говорим «почти», потому что на данный момент не бывает случаев, когда структура утверждается сразу без малейших правок и замечаний со стороны клиента.

 

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

 

После дизайна, на следующий этап по разработке корпоративного сайта был подключен наш верстальщик. Он начал адаптивную верстку с использованием определенных эффектов на сайте, которые очень понравились нашему заказчику. Верстку мы делали, как уже вы поняли из предыдущего предложения, адаптивную. Конечно, не все анимации на адаптивной версии были сохранены, так как наша цель была не сохранить анимацию на 100%, а сделать максимально удобным пользование сайтом на телефонах и на планшетах. Конечно, те планшеты, которые имеют большое расширение и достаточно большой экран (как, к примеру у нетбуков), то там мы «сохранили» все анимации, что есть. Когда верстка была закончена, мы провели рефакторинг кода, провели несколько этапов тестирования (на разных браузерах и ОС), где были выявлены ошибки или недочеты — подправили.

 

После верстки мы приступили, как Вы уже смогли догадаться, к самому программированию проекта. После длительного анализа наша команда приняла решение реализовать клиенту проект на админке, а точнее на CMS WordPress, так как именно она больше всего подходила клиенту, с точки зрения удобств, «понятливости» и возможностей. Во время программирования, нами было реализованно несколько «фишек» (включая интерактивную карту клиентов компании и их работ), которые придали проекту, своего рода — «изюминку». Наш программист реализовал в админке возможность полного редактирования сайта и его управления, без вмешательства программистов в будущем. Конечно, нам пришлось дописывать админку и писать некоторые определенные плагины для этого, однако, в результате, у нас это получилось и заказчик очень доволен.

 

Одними из последних этапов было то, что бы приступили к тестированию полностью всего проекта, а так же к стандартной оптимизации сайта по SEO требованиям. Конечно, самым основным был момент — мы обучали и сняли ряд видео-роликов, как пользоваться и работать с админкой для менеджеров компании. А там, как всегда, наша команда предоставила постоянную онлайн поддержку.

Особенности проекта во время разработки

Как и в любом проекте, команда ракскор (Raxkor) столкнулась с определенными проблемами, нюансами, которые нам нужно было решить и никак по другому.

 

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

 

Выход из ситуации: после того, как наш дизайнер высылал разные варианты картинок и фото для дизайна, а клиенту все не нравилось и не подходило, дизайн принял решение — воспользоваться платными фотобанками. Но тут была другая проблема — заказчику не нравились и фото из фотобанков. Немного обдумав, как выйти из ситуации, мы решили следующее: раз нету достойного фото, значит сделаем сами. Подключив наши резервы (людей, с которыми мы работаем время от времени на разных стадиях), мы подключили к проекту одного фотографа. Он имел в своем «арсенале» — квадрокоптеры (дрон, фото-дрон, как их еще называют). После того, как клиент сообщил нам все те объекты, которыми он гордиться, мы провели фото сессию. После обработки, фото оказались именно тем, что именно нужно клиенту, а дизайнер смог без проблем это использовать в своем дизайне.

 

2. Часть тестов и материал, что был на старом сайте, заказчик хотел перенести со старого сайта на новый. Проблема была следующая — нет доступов к хостингу и нет доступов к домену клиента (домену больше 10-ти лет).

 

Выход из ситуации: когда мы узнали, что у клиента потерян контроль и нету доступов не к домену, не к хостингу, наши руководители проектов приняли на себя задачу — восстановить доступы и перенести домен на новый сервер, так как были потеряны контакты даже со старым хостингом, которого давно нет на рынке. Спустя длительного срока, наши руководители проекта смогли найти контакты поддержки, которые смогли помочь в трансфере домена на новый хостинг-провайдер. Так же нам пришлось «спарсить» необходимую информацию со старого сайта, так как доступ к хостингу так и не нашли, да и парсить то, честно говоря, почти нечего было.  Все это настроить на новом хостинге (мы выбрали услуги хостинг провайдера — нашего партнера, ниже на странице сможете перейти по нажатию на его логотип).

Результат работы

Самый главный результат для нас — это полностью довольный клиент. Да, мы проделали хорошую работу (все и не описать, иначе бы кейс был очень большой, а он и так не маленький =) ), а так же:

  • Реализовали уникальный дизайн с уникальными фотографиями
  • Дописали стандартную админку WordPress, что позволило клиенту полностью управлять сайтом
  • Все проверили, протестировали, оптимизировали
  • Сняли обучающие видео-ролики для персонала клиента и предоставили онлайн поддержку

 

Как принято говорить: «Результат работы — на лицо». Данный проект добавлен к нам в портфолио. Так же клиент был доволен нашей работой, а довольные клиенту оставляют, как правило — отзыв.