![e g d h g l j h h ^ h j Z Z e v g u i j h d l h K Z f Z j ...sp.samregion.ru/upload/Презентация 01.06.2020.pdf · I _ j _ g h j f Z l b \ g u i j Z \ h Z d l h, j _ ] m](https://static.fdocuments.us/doc/165x107/5f09c8af7e708231d4287a54/e-g-d-h-g-l-j-h-h-h-j-z-z-e-v-g-u-i-j-h-d-l-h-k-z-f-z-j-sp-.jpg)
Z g ^ b a Z c g k Z c l для компании «Мотор …I j h _ d l b j h \ Z g b _ ^ b a k...
11
Проектирование и дизайн сайта для компании «Мотор Технологии»
Transcript of Z g ^ b a Z c g k Z c l для компании «Мотор …I j h _ d l b j h \ Z g b _ ^ b a k...
![Page 1: Z g ^ b a Z c g k Z c l для компании «Мотор …I j h _ d l b j h \ Z g b _ ^ b a k Z c l « h l L _ o g h e h ] b b» ; u e h K l Z e h МОТОРТЕХНОЛОГИИ–компания,котораяс1981](https://reader034.fdocuments.us/reader034/viewer/2022042613/5fa9ed11c53f32424e38e8a2/html5/thumbnails/1.jpg)
Проектирование и дизайн сайта для компании «Мотор Технологии»
![Page 2: Z g ^ b a Z c g k Z c l для компании «Мотор …I j h _ d l b j h \ Z g b _ ^ b a k Z c l « h l L _ o g h e h ] b b» ; u e h K l Z e h МОТОРТЕХНОЛОГИИ–компания,котораяс1981](https://reader034.fdocuments.us/reader034/viewer/2022042613/5fa9ed11c53f32424e38e8a2/html5/thumbnails/2.jpg)
Проектирование и дизайн сайта «Мотор Технологии»
Было Стало
МОТОР ТЕХНОЛОГИИ – компания, которая с 1981 года выполняет качественный ремонт двигателей и деталей двигателядля спецтехники, грузовиков, легковых авто и внедорожников. Преимущество компании заключается в огромном опыте,наличии конструкторского бюро и лаборатории, применении уникального оборудования AMC-SCHOU и SERDI, а такженалаженной системе снабжения комплектующими.
![Page 3: Z g ^ b a Z c g k Z c l для компании «Мотор …I j h _ d l b j h \ Z g b _ ^ b a k Z c l « h l L _ o g h e h ] b b» ; u e h K l Z e h МОТОРТЕХНОЛОГИИ–компания,котораяс1981](https://reader034.fdocuments.us/reader034/viewer/2022042613/5fa9ed11c53f32424e38e8a2/html5/thumbnails/3.jpg)
СБОР ИНФОРМАЦИИ И ТРЕБОВАНИЙ
В этом проекте нам предстояло разобраться в тонкостях ниши капитального ремонта
двигателей. Мы подробно изучили предоставленные материалы и структуру текущего
сайта, каталога услуг и товаров, провели серию интервью с владельцем бизнеса. Всю
полученную информацию структурировали и собрали в большой бриф, включающий:
• Данные о компании и её преимуществах
• Услуги
• Бизнес-процессы
• Клиенты
• Ключевые конкуренты
• Планы компании по развитию и продвижению
АНАЛИТИКА
![Page 4: Z g ^ b a Z c g k Z c l для компании «Мотор …I j h _ d l b j h \ Z g b _ ^ b a k Z c l « h l L _ o g h e h ] b b» ; u e h K l Z e h МОТОРТЕХНОЛОГИИ–компания,котораяс1981](https://reader034.fdocuments.us/reader034/viewer/2022042613/5fa9ed11c53f32424e38e8a2/html5/thumbnails/4.jpg)
КОНЦЕПЦИЯ ПРОЕКТА
Мы собрали воедино конкурентные преимущества, вместе с клиентом выбрали стиль
позиционирования бренда как опытной, высокотехнологичной и клиентоориентированной
компании.
Компания поставила перед нами задачу - расширение клиентской базы и привлечение
дополнительных сегментов целевой аудитории с помощью нового сайта и его
дальнейшего поискового продвижения.
АНАЛИТИКА
![Page 5: Z g ^ b a Z c g k Z c l для компании «Мотор …I j h _ d l b j h \ Z g b _ ^ b a k Z c l « h l L _ o g h e h ] b b» ; u e h K l Z e h МОТОРТЕХНОЛОГИИ–компания,котораяс1981](https://reader034.fdocuments.us/reader034/viewer/2022042613/5fa9ed11c53f32424e38e8a2/html5/thumbnails/5.jpg)
СЕГМЕНТАЦИЯ ЦЕЛЕВОЙ АУДИТОРИИ
Проанализировав информацию от владельца бизнеса и статистику поисковых запросов мы
выделили следующие сегменты целевой аудитории сайта:
• B2C. ВЛАДЕЛЬЦЫ СОБСТВЕННЫХ АВТОМОБИЛЕЙ
• B2B. АВТОРЕМОНТНЫЕ СЕРВИСЫ
• B2B. ПРОИЗВОДСТВА, ГДЕ УСТАНОВЛЕННО ОБОРУДОВАНИЕ SERDY, AMC-SCHOU
РАЗРАБОТКА ПЕРСОНАЖЕЙ И СЦЕНАРИЕВ ИСПОЛЬЗОВАНИЯ
Мы глубоко проработали каждый сегмент
целевой аудитории, структурировали их
потребности и задачи на сайте. В результате
были разработаны персонажи и типичные
сценарии использования сайта каждым из
них.
АНАЛИТИКА
![Page 6: Z g ^ b a Z c g k Z c l для компании «Мотор …I j h _ d l b j h \ Z g b _ ^ b a k Z c l « h l L _ o g h e h ] b b» ; u e h K l Z e h МОТОРТЕХНОЛОГИИ–компания,котораяс1981](https://reader034.fdocuments.us/reader034/viewer/2022042613/5fa9ed11c53f32424e38e8a2/html5/thumbnails/6.jpg)
ПРОЕКТИРОВАНИЕ КАРТЫ САЙТА
При разработке структуры нового сайта мы учли пожелания клиента, потребности
целевой аудитории, а также рекомендации seo-специалиста. ПРОЕКТИРОВ
АНИЕ
![Page 7: Z g ^ b a Z c g k Z c l для компании «Мотор …I j h _ d l b j h \ Z g b _ ^ b a k Z c l « h l L _ o g h e h ] b b» ; u e h K l Z e h МОТОРТЕХНОЛОГИИ–компания,котораяс1981](https://reader034.fdocuments.us/reader034/viewer/2022042613/5fa9ed11c53f32424e38e8a2/html5/thumbnails/7.jpg)
Конкурентный анализ
Затем мы проанализировали сайты ключевых конкурентов, почерпнув удачные идеи и
решения.
ПРОЕКТИРОВ
АНИЕ
![Page 8: Z g ^ b a Z c g k Z c l для компании «Мотор …I j h _ d l b j h \ Z g b _ ^ b a k Z c l « h l L _ o g h e h ] b b» ; u e h K l Z e h МОТОРТЕХНОЛОГИИ–компания,котораяс1981](https://reader034.fdocuments.us/reader034/viewer/2022042613/5fa9ed11c53f32424e38e8a2/html5/thumbnails/8.jpg)
ИНТЕРАКТИВНЫЙ ПРОТОТИП
При разработке прототипа мы использовали разработанную карту сайта, информационную
архитектуру и сценарии использования. Для максимальной наглядности добавили в
прототип имитацию функционала и визуальных эффектов.
Провели демонстрацию прототипа в режиме онлайн, обосновали интерфейсные решения.
В результате согласования провели итерации правок и передали прототип в отрисовку
дизайн-макетов.
ПРОЕКТИРО
ВАНИЕ
![Page 9: Z g ^ b a Z c g k Z c l для компании «Мотор …I j h _ d l b j h \ Z g b _ ^ b a k Z c l « h l L _ o g h e h ] b b» ; u e h K l Z e h МОТОРТЕХНОЛОГИИ–компания,котораяс1981](https://reader034.fdocuments.us/reader034/viewer/2022042613/5fa9ed11c53f32424e38e8a2/html5/thumbnails/9.jpg)
ДИЗАЙН-КОНЦЕПЦИЯ
Основываясь на результатах аналитики, решили использовать сдержанные спокойные
цвета, но яркие и вызывающие у мужской аудитории эмоции картинки. Усилия направили
на простоту, доступность и открытость информации.
ДИЗАЙН
![Page 10: Z g ^ b a Z c g k Z c l для компании «Мотор …I j h _ d l b j h \ Z g b _ ^ b a k Z c l « h l L _ o g h e h ] b b» ; u e h K l Z e h МОТОРТЕХНОЛОГИИ–компания,котораяс1981](https://reader034.fdocuments.us/reader034/viewer/2022042613/5fa9ed11c53f32424e38e8a2/html5/thumbnails/10.jpg)
ОТРИСОВКА ДИЗАЙН-МАКЕТОВ
На основе согласованной визуальной концепции и прототипа нарисовали все внутренние
страницы.ДИЗАЙНДизайн-концепция
Отрисовка макетов
ДИЗАЙН
![Page 11: Z g ^ b a Z c g k Z c l для компании «Мотор …I j h _ d l b j h \ Z g b _ ^ b a k Z c l « h l L _ o g h e h ] b b» ; u e h K l Z e h МОТОРТЕХНОЛОГИИ–компания,котораяс1981](https://reader034.fdocuments.us/reader034/viewer/2022042613/5fa9ed11c53f32424e38e8a2/html5/thumbnails/11.jpg)
Над проектом
работали:
Менеджер проекта
Аналитик
UX-специалист
Дизайнер
![G ] e Z k g u c d h f b l l b k l h d b j n h j f Z l h j ... · 2 J Z [ h l Z \ u i h e g _ g Z g Z d Z n _ ^ j _ b k l h j b b J h k k b b ;,; \ _ d Z ± g Z q Z e Z ;; \ _ d Z](https://static.fdocuments.us/doc/165x107/5f349748fd53d71e07166b94/g-e-z-k-g-u-c-d-h-f-b-l-l-b-k-l-h-d-b-j-n-h-j-f-z-l-h-j-2-j-z-h-l-z-u.jpg)
![Z Z h l i Z ^ h f m i l j ] b h g Z K j [ b · Z Z h l i Z ^ h f m i l j ] b h g Z K j [ b ... g _ g _](https://static.fdocuments.us/doc/165x107/5e4571299ebff828de5f284f/z-z-h-l-i-z-h-f-m-i-l-j-b-h-g-z-k-j-b-z-z-h-l-i-z-h-f-m-i-l-j-b-h-g-z.jpg)
![091619933ipps.sfu-kras.ru/sites/ipps.institute.sfu-kras.ru/files/54._Kursovaya... · N _ ^ _ j Z e v g h _ ] h k m ^ Z j k l \ _ g g h _ Z \ l h g h f g h _ h [ j Z a h \ Z l _ e](https://static.fdocuments.us/doc/165x107/5f0758b17e708231d41c87b2/n-j-z-e-v-g-h-h-k-m-z-j-k-l-g-g-h-z-l-h-g-h-f-g-h-h-j-z.jpg)
![I Z k i h j l l j Z l ] b q k d h ] j h d l Z - omgtu.ru](https://static.fdocuments.us/doc/165x107/6190acff748e6d14cf217340/i-z-k-i-h-j-l-l-j-z-l-b-q-k-d-h-j-h-d-l-z-omgturu.jpg)
![I E H K I B L : L ? E V G H : ; H L F ; « H Ran-uxatckina2010.narod.ru/vr_zam/plan... · 3 J _ Z e b a Z p b Z g g h ] Z i j Z \ e _ g b i b l Z l _ e v g h c _ y l _ e v g h k l](https://static.fdocuments.us/doc/165x107/60124247b0693674dd4a85d5/i-e-h-k-i-b-l-l-e-v-g-h-h-l-f-h-ran-3-j-z-e-b-a-z-p-b-z-g-g-h-.jpg)
![G : J ? > ; : H L > ? D ? F < J B = A : < k b e Z h l ]babh.government.bg/.../Naredba_21_svine.pdfj _ ] b k l j b l _ i h q e h l A Z d h g Z a Z \ _ l _ j b g Z j g h](https://static.fdocuments.us/doc/165x107/5e7805dd5b260677f817a8a2/g-j-h-l-d-f-j-b-a-k-b-e-z-h-l-babh-j-b.jpg)
![J Z a j Z [ h l q b d b h [ Z e v g h c j h ` g h c Z j l u · 2009-06-22 · 6 1.0 < \ _ ^ _ g b _ - = e h [ Z e v l j Z l _ ] b y _ g b y h i Z k- g h k l i h e _ l h \ f Z _ 2005](https://static.fdocuments.us/doc/165x107/5fad6980c4db850fb76c044c/j-z-a-j-z-h-l-q-b-d-b-h-z-e-v-g-h-c-j-h-g-h-c-z-j-l-u-2009-06-22-6-10-.jpg)
![k d h c [ e Z k l b€¦ · J Z [ h q Z y i j h ] j Z f i h b l _ j Z l m j a j Z [ h l Z g h h l \ _ l k l \ b b N _ ^ _ j Z e v g u ] h k m ^ Z j k l \ _ g g u h [ j Z a h \ Z l](https://static.fdocuments.us/doc/165x107/5f0ba0407e708231d4316dfa/k-d-h-c-e-z-k-l-b-j-z-h-q-z-y-i-j-h-j-z-f-i-h-b-l-j-z-l-m-j-a-j-z-h-l.jpg)
![> h ^ Z l h d К HД ЄД J I H M [ h · > h ^ Z l h d № a/ i I h \ g Z g Z a \ Z k m ['є d l m ] h k i h ^ Z j x \ Z g g y Z [ h c h ] h \ ^ h d j _ f e _ g h ] h i ^ j h a ^](https://static.fdocuments.us/doc/165x107/5f8e659071ea842a3c5123c2/-h-z-l-h-d-h-j-i-h-m-h-h-z-l-h-d-a-a-i-i-h-g-z-g-z.jpg)
![H l q l h h j j Z Z [ h h l a Z ] ] h h · 3 2016 год для Национальной библиотеки Республики Хакасия был особенным. Это](https://static.fdocuments.us/doc/165x107/5f7c9eaa5041a2230b35076a/h-l-q-l-h-h-j-j-z-z-h-h-l-a-z-h-h-3-2016-oe.jpg)
![J > ] g Z ; : ; O · 2019-10-18 · L I > = K > E K h l ^ _ e i h ^ h l ^ _ e L I > = K > E K h l ^ _ e i h ^ h l ^ _ e F h g l Z g Z F h g l Z g Z - X ½ 5 , > I J > = I h ^ _ e](https://static.fdocuments.us/doc/165x107/5fa85e68c0432d75785b556d/j-g-z-o-2019-10-18-l-i-k-e-k-h-l-e-i-h-h-l-.jpg)
![J Z [ h ] j Z f f Z ( j b Z g l 1)shkolain63.ru/images/scan/20160328_7.pdf · F b g b k l _ j k l \ h [ j Z a h \ Z g b J _ k i m [ e b d b Z r d h j l h k l Z g ] h k m ^ Z j k l](https://static.fdocuments.us/doc/165x107/5f672cd376469b1d1c69f68b/j-z-h-j-z-f-f-z-j-b-z-g-l-1-f-b-g-b-k-l-j-k-l-h-j-z-a-h-z-g-b-j-.jpg)
![Z l e v g h Факультет социальных наук I j h ] j Z f f Z ... · 2019-11-25 · 1 N _ ^ _ j Z e h k m ^ Z j k l \ _ g g h Z \ l h g h f g h h [ j Z a h \ Z l](https://static.fdocuments.us/doc/165x107/5f8e1c059b4fa562d47f2fc3/z-l-e-v-g-h-foe-oe-f-i-j-h-j-z-f-f-z-.jpg)
![2011 – -2012 (2011)666} · 1. = I = @ ? 1.1 J k ` _ ^ i ] i k H ^ f Z j l 2002 ] h ^ b g Z, D h f b k b Z l Z j _ ^ h \ g h ] b b a \ _ k l m \ Z r _ K h \ _ l h l b I Z j e Z f](https://static.fdocuments.us/doc/165x107/5f09308c7e708231d425a6f9/2011-a-2012-2011666-1-i-11-j-k-i-i-k-h-f-z-j-l-2002-.jpg)
![k b e Z h l «««««« ]‚ук.pdf · 2018. 10. 19. · I j h _ d l J _ a m e l Z l b lH h l h p _ g d Z l Z i h Z e k _ h l q b l Z l b i j b i j h \ _ ` ^ Z g _ l h g Z I j h](https://static.fdocuments.us/doc/165x107/60c391fb84592c3f857f2c58/k-b-e-z-h-l-fpdf-2018-10-19-i-j-h-d-l-j-a-m-e-l-z.jpg)