Интеграция верстки сайта на CMS WordPress для сайта часовой компании “Восток-тайм”

Здравствуйте, дорогие зрители канала в youtube “Афонико” либо те, кто просматривают кейсы в нашем портфолио. Я хочу вам рассказать о проекте, который мы сделали для часовой компании “Восток-Тайм”. Это уже четвертая работа для них.

Когда-то этот сайт мы делали, также верстали, также интегрировали. Это обновленный дизайн, который нам предоставил сам заказчик. С этим дизайнером, который разрабатывал конкретно дизайн, мы с ним тоже работали, создавали несколько проектов, таких как “Белый тигр”, таких как первый вариант “Восток-Тайм” и вот данный сайт “Восток-Тайма”.

Сайт первый просуществовал года два по моему и клиент просто захотел обновить, сделать дизайн более современным. Я покажу здесь элементы, которые мы только верстали и интегрировали, над дизайнером как бы стоял сам заказчик. То есть он сам над ним стоял и говорил, что, как он хочет видеть, как он хочет делать.

Мы получили psd макеты и осуществили верстку, интеграцию, опять же сайт интегрирован на wordpress, все что увидите работает на платформе wordpress. Еще момент важный, мобильную версию здесь сделали не мы, вообще первый сайт остался в принципе без мобильной версии, клиент не понимал ценностей этого, а мобильную версию же вот этого сайта, уже он интегрировал с какими то местными разработчиками, то есть здесь, наша компания “Афонико”, занималась только версткой и интеграцией десктопной версии сайта.

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

Главная страница, такая масштабная, большая, великая, корпоративный footer. Здесь было очень много лендингов, это не сложные по верстке лендинги, но их здесь много, то есть вот это, такие страницы, они довольно таки длинные, как вы видите, и таких страниц очень много.

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

Вот идейно и со смыслом, вот этот сайт был наполнен именно заказчиком, не мы наполняли этот сайт, вот все остальные наши работы, которые вы видели, это наша работа. В чем разница? Разница в том, что это очень хорошо сделано. Человек, который смысл вкладывал в этот сайт, заказчика Олег зовут, он очень вложил сюда душу, он вложил сюда смысл, он все вложил, но он потратил колоссальнейшее время и причем свое время. И иногда заказчик, наш клиент, он не может тратить столько времени, он просто говорит, вот у меня есть информация, пожалуйста, вы сами смысл сформируете и положите на дизайн, отобразите через сайт. В данном случае, вот все это делал сам заказчик, то есть вот по смыслу, все что вы видите — это голова Олега, назовём это так.

Здесь есть возможности, все разделы смысловые, вот все абсолютно. Мы занимались версткой, вот этих страничек, всех интеграций. Здесь множество страниц, вы можете зайти посмотреть самостоятельно. Из сложного здесь верстка коллекции часов, потому что этот каталог от предыдущего каталога довольно сильно модернизировался, плюс добавилась иная фильтрация. Как мы видим, у нас фиксируется дополнительный фильтр, у нас появился фильтр слева и у нас на часах появился выбор, выбор часов, вот то, что он здесь немного скачет, это зависит от фотографий, если фотографии все сделать одинаковыми, то все будет идеально. То, что есть вот здесь небольшой такой скачок — это фотографии, мы эти фотографии не обрабатывали, их предоставлял заказчик.

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

Этот проект сложен тем, что здесь именно адаптивная верстка, ее здесь очень много, здесь очень много элементов, сложные элементы, вопрос не в том, когда ты это один раз делаешь, когда у тебя одно разрешение экрана, но вопрос в том, когда у тебя множество разрешений экрана, а оно все равно работает, вот именно в этом и была сложность. То есть в адаптивной верстке сложность именно в этом. Этот проект запущен, все работает, существует: vostok-time.ru вы можете зайти посмотреть.

У нас есть дизайнеры подобного типа, по смыслу мы собираем подобные. Я не скажу что мы собираем в чем-то лучше, здесь поясню немножко. Вообще, разработчику крайне сложно понять смысл вашего дела, это реально очень тяжело. Ну давайте возьмем шаблон, в шаблон напихаем там слов как у всех, там контакты, услуги. И обычно в веб-студии тяжело смысл передают, то есть профессиональные веб-студии передают смысл хорошо, здесь этот смысл передан хорошо. Вот на этом сайте, я считаю, он полностью раскрывает смысл компании, показывает видение компании, показывает, рассказывает об этой компании, образ формирует верный. И это делал сам клиент, он потратил на это свое время. Вы можете нам также давать макеты, если они у вас есть готовые, либо мы можем за вас понять вашу суть. Из последнего, нам опять дали 6 каталогов, сказали — вот мы занимаемся вот этим, вот этим, вот этим — надо это все объединить в одно, показать, рассказать как что, где куда, и вот у нас рождаются майнд-мапы, в которых все это расписывается. Вот если здесь можно увидеть, например, и за каждым, за каждым словом здесь стоит или материал, или стоит какой-то текст, картинка, фото, видео и все это во что-то группируется, во что-то объединяется для того, чтобы правильно презентовать и донести смысл вашей компании, вашего дела, вашего бизнеса.

Часовых сайтов мы делали много, у нас есть еще интернет магазин часовой, есть еще один сайт часовой, то есть часами мы занимались, возможность сделать есть, если нужен даже 3d можем сделать, какие-то 3d картинки, здесь часть часов, например, нарисованы, потому что их можно такие произвести, но еще, например, не производились. Такое мы тоже можем делать. Если у вас есть в этом потребность, то добро пожаловать к нам. Спасибо за ваше внимание. До свидания.