Mestimvsichko — редизайн на WordPress сайт
Редизайн на съществуващ сайт за хамалски услуги с по-ясна структура, по-добре организиран процес за запитване и адаптивно оформление за различни устройства.
Направих редизайн на Mestimvsichko.bg — сайт за хамалски услуги във Варна. Използвах предоставената от клиента информация за бизнеса и услугите, анализирах съществуващия сайт и изградих нова информационна архитектура, по-ясно представяне на услугите и по-добре организиран процес за запитване. Изградих адаптивния WordPress сайт, свързах езиковите версии, настроих техническото SEO и публикувах обновения сайт.
Съществуващ сайт с разпокъсано представяне на услугите
Първоначалният сайт представяше хамалските услуги чрез общ списък с услуги без ясна йерархия и с ограничено разграничение между видовете услуги.
Съществуващата структура не осигуряваше ясна навигация към подходящата услуга за посетители с различни изисквания към преместването.
Контактът разчиташе на обща форма с основни лични данни и свободен текст. Тя не събираше последователно практическите подробности, нужни за предварителна оценка на преместването.
Затова преработих йерархията на услугите, разширих представянето им и добавих по-ясен процес за запитване.
Анализ, редизайн и изграждане на сайта
Клиентът предостави основната информация за бизнеса и услугите. Моята работа по сайта включваше:
- Преглед на съществуващия сайт и установяване на структурни проблеми.
- Редизайн на информационната архитектура и йерархията на услугите.
- Структуриране на пакетите услуги и представянето им в сайта.
- Проектиране на многостъпков процес за запитване.
- Изграждане на адаптивния WordPress сайт.
- Настройване на българската, английската и руската версия на сайта.
- Настройване на техническото SEO.
- Проверка на сайта в тестова среда и публикуване на обновената версия.
- Текуща поддръжка на сайта.
Отговарях за това да организирам предоставената от клиента информация и да я представя в ясен и работещ сайт, а не самостоятелно да определям хамалските услуги или търговските условия.
От общ списък към ясна навигация за услугите
Реорганизирах първоначалното представяне на услугите в йерархия, която отделя основните хамалски услуги от по-специализираните изисквания.
Обновената структура осигурява ясно разграничени страници за услугите, по-ясна навигация и самостоятелно представяне на типични сценарии за преместване. В информационната архитектура добавих и отделна група B2B услуги.
За най-честите заявки представих пакетите така, че посетителите да могат лесно да ги сравнят.
Посетителите могат да видят от каква цена започва услугата, какво е включено и от какво зависи крайната цена, преди да изпратят запитване.
Страницата първо показва сравнение на наличните варианти, а след това по-подробна информация за услугата. Така стандартните пакети за преместване и по-специфичните изисквания са представени отделно и ясно.
Пример 03A · Преглед на услугите
Пример 03B · Отделна страница
Пример 03C · Сравними варианти
От обща контактна форма към подробно запитване
Първоначалната контактна форма събираше име, тема, телефонен номер и съобщение в свободен текст. Този формат не обхващаше систематично услугата и логистичните подробности, необходими за оценка на заявка за преместване.
Преработих процеса за запитване като многостъпкова форма, която събира информацията последователно.
Стъпка 1 — Изисквания към услугата: посетителят посочва необходимата услуга и дава първоначална информация за преместването.
Стъпка 2 — Местоположение и достъп: формата събира начална и крайна точка, етаж, наличие на асансьор и условия за паркиране.
Стъпка 3 — Изпращане на събраната информация: тя дава на фирмата достатъчно подробности за първоначална оценка и последващ контакт.
Така едно общо поле за съобщение е заменено с последователно събиране на данните, необходими за услугата.
Преди · документирано състояние
Едно общо съобщение
- Полета
- Име, тема и телефонен номер
- Подробности за заявката
- Съобщение в свободен текст
- Наличен визуален материал
- В одобрените проектни материали няма такъв визуален материал.
Исторически изглед · одобрен източник
Изграждане на обновения сайт
Изградих обновения сайт с блоковата система на WordPress и персонализирани стилове.
Интерфейсът включва общи шаблони за страниците за услуги, картите, призивите за действие и съдържателните секции.
Адаптирах оформленията, типографията и йерархията на съдържанието за компютър, таблет и телефон, с особено внимание към начина, по който информацията за услугите и елементите за запитване се подреждат на по-тесни екрани.
Запазих еднаква логика в целия сайт, така че подробната информация за услугите да остава достъпна и на мобилни устройства.
Компютър · текуща английска версия
Телефон · текуща английска версия
Версии на сайта на български, английски и руски
Обновеният сайт включва български като основен език и отделни версии на английски и руски.
Създадох отделни страници за трите езика със съответните URL адреси, навигация и вътрешни връзки между страниците.
Работата по техническото SEO включваше:
- Метаданни на страниците и канонични URL адреси.
- Hreflang и връзки между многоезичните страници.
- XML карти на сайта и структурирани данни.
- Контрол на индексирането.
- Отделни URL адреси за всяка езикова версия и съответните вътрешни връзки.
Така страниците, навигацията и връзките съответстват между трите езика.
Езикови версии · 06 Отделни текущи изгледи, които показват изградените версии на сайта, а не лични езикови умения или авторство на превода.
От тестова среда до работещ сайт
Проверих обновения сайт в тестова (staging) среда — съдържанието, адаптивното поведение, навигацията, формите и начините за изпращане на запитване и необходимите технически настройки.
След проверката прехвърлих обновената версия от тестовата среда към публичния сайт и направих финални проверки.
Продължавам да поддържам работещия сайт след публикуването.
Посети сайта ↗