Сайт по реальному ТЗ на кастомной сетке

Автор Elena Batratskaya
Сайт по реальному ТЗ на кастомной сетке

Ребята всем привет.

Это очередное видео из серии дизайн сайта по реальному техзаданию. В общем есть вот такой сайт — это сайт-визитка корпоративный сайт. Если хотите и его нужно.

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

И вот ему нужно сделать какой-то интересный, но простой сайт смысл редизайна такой чтобы новый дизайн был актуальные в данное время и чтобы ничего не отвлекало посетителя от полезной информации то есть всё должно быть максимально просто текст и актуально такой сайт. здесь вот такая менюшка открывается даже вот так вот можно делать потом какие-то страничке они все здесь достаточно простые то есть по сути сайта нормальный просто, что дизайн не очень актуальна уже как бы под поэтому мы будем делать редизайн. Вот эти страницы все типовые типовыми я их и буду делать какой-то текст идёт обвязка странице вполне одинаковые. Ну и. Давайте посмотрим заполнен я его как обычно чуть-чуть пролистываю. Вы можете поставить на паузу и посмотреть здесь заказчик мне. Расписал подробнее к. Всё, что он хочет в принципе. После заполнения брифа я понимал, что от меня требуется потом. Мы созвонились по Skype разок и в общем у меня была какая-то картинка в голове заказчик остался очень доволен. Мы ещё кое-что поменяем. Ну как обычно и всё будет хорошо собственно вот, что получилось теперь страница стола на всю ширину здесь. Я использовал кастомную сетку очень похожа на ту которую мы видели с вами в м-видео. Здесь вы можете посмотреть на — это готовом варианте дизайна меня получается здесь идёт область которая будет всегда видно она будет на просвет прокручиваться будет только вот — это часть дальше. У меня идёт широкая часть для того чтобы. Здесь был основной какой-то контент потом идёт час которая очень по ширине напоминает вот эту и здесь. У меня идёт уже область для менюшки самую широкую часть я разделил ещё на 3 потому, что мне нужно было списывать тексты ну вот видите как здесь например у меня есть направляющие и я могу придерживаться её для того чтобы написать например заголовок кнопку поставить значит, что для романа было важно важно быть кнопка записаться на консультацию потому, что в принципе весь этот сайт помимо информации о заказчике делался ради того чтобы человек собственное записался на консультацию если мы здесь немножечко как он сказал под забыли эту кнопку. Вот она только где совсем не практично так нет в открывающийся менюшки тоже, но — это тоже непрактично когда я буду делать раскрывающееся меню на весь экран там будет и контактная информация и все ссылки главного меню и также обязательно будет кнопка записаться на консультацию будут телефоны — это сделать на самом деле очень просто, но зато насколько — это практично перед человеком будет полная карточка товара и плюс он сможет сразу же записаться на консультацию. Я думаю, что — это очень очень полезно. В общем ребят кнопочки. Нет есть кнопочка vkontakte вот здесь такая невзрачная записаться на консультацию ну здесь здесь идёт как бы эта вещь. Типовая совсем. Поэтому нужно было сделать более ярко — это всё дело сделала здесь кнопочку также я сделал вот здесь ссылку. Почему ребят. Я не сделал. Здесь тоже кнопку потому, что зайдя на первый экран было бы понаблюдать. Сразу две одинаковые даже если бы я её как-то там уменьшил ну к примеру. Да там написал бы просто консультация они бы спорили и в глазу была бы не очень приятно, а ссылочка остаётся всегда она будет на просветы. Если хочешь записаться вот пожалуйста если провести. Вот тут линии то будет такой треугольник я — это делал нарочно для того чтобы ну пока как-то смотрела всё нормально. То есть у нас есть первое на, что наш взгляд обращает внимание — это фотография. Удо человек попал и вот эти дополнительные вещи обвязка странице они выиграют вот с этой кнопкой и делают такой треугольник они дополняют яркое пятно на главном экране своими менее яркими пятнышками приятно смотреть на вот такую композицию сделал какие-то выравнивания. Ну в общем — это не от балды взяты короче вот эти все расстояния их как-то здесь. Я ещё не знаю по поводу логотипа оставит он именно такой поэтому я просто написал пока, что без логотипа то я здесь просто надпись по главному экрану. Всё Давайте посмотрим дальше, а здесь ещё идут сертификаты можно посмотреть здесь показано, что можно проскролить и здесь идёт маркировка экранов то есть нажав на стрелочки можно ещё здесь менять вот эти экраны. Дальше была такая задумка, что вот эту стрелочку по логике. Да вроде как можно было бы поставить и сюда то есть у нас типа меняется только вот — это часть в диапазоне этих стрелочек она находится, но потом я думал, что здесь менять на особо и нечего. Поэтому лучше сделать чтобы менялся весь экран, а для того чтобы человек понимал, что будет меняться весь экран лучше стрелки разнести и потому, что я на стрелочка будет здесь то она будет казаться, что смена будет происходить только здесь то есть чтобы человека не в принципе — это не страшно можно было бы сделать и менялся бы весь экран. Но более природно более ожидаемо для посетителя будет если стрелка будет находиться здесь такой — это слово будет тут же какое-то преимущество и ссылочки чтобы. Посетитель понимал. О чём идёт речь в общем переходим к следующему экрану здесь у нас всё максимально текста. Вот так нужно для этого сайта какая-то небольшая фоточка описание можно узнать больше. И тут есть каталог того, что предлагает. Роман хочу сказать ещё, что будут изменения. Я уже знаю как вот здесь будет 2 таба находиться у нас 2 складочки 1 складочка кто я чем занимаюсь — это будет. Вот этот текст — это фотка авторов кладочка будет. Кто мой клиент то есть мы можем переключаться и будет всё тоже самое шаблонно здесь будет меняться фото. и здесь будет какое-то описание клиент.

0 комментариев
0

Читайте также