Разбор по косточкам 5 дизайнов начинающего веб-дизайнера Нины Гавриловой

Хотите такой же разбор работ как я сделал для Нины? Тогда это вам понравится😉

Итак, приветствую Вас, Нина!

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

Итак, давайте приступим и пойдем по порядку. Первый ваш дизайн по салону красоты. И начнем мы с самого верха, пойдем вниз по дизайну. Соответственно, я буду рассказывать о всех ошибочках по всем пунктам. Идти мы будем от самых больших ошибок к более мелким, потому что на исправление больших и маленьких ошибок уходит одинаковое количество  времени, как на исправление маленьких. Но, когда вы исправляете большую ошибку, результат становится гораздо лучше, чем когда исправляете более мелкую. На начальном этапе вам рекомендуется исправлять самые большие ошибки и не заморачиваться над мелкими, потому что в деньгах это будет выражаться гораздо больше, быстрее вы будете деньги зарабатывать. То есть, если будут какие-то мелкие моменты по поводу теней, каких-то таких кропотливых моментов, на них свой взгляд на первоначальном этапе свой взгляд первые полгода не заостряйте, потому что вашим заказчикам будут бросаться в глаза совсем другие косяки, очень большие такие,  масштабные,  лучше их исправлять.

Итак, давайте приступим. Первое что бросается в глаза — это вот эта картинка, которая вот здесь  резко по краям обрезается. Что необходимо вам сделать? Просто напросто берете ластик в фотошопе, уменьшаете непрозрачность, порядка 40-30% оставляете  и плавненько делаете исчезновение путем стирания этой картинки по бокам. Смотреться будет гораздо лучше. Второй вариант. Тоже можно сделать, допустим, выбрать какой-то цвет фона, который преобладает на этой картинке, допустим, светло-розовый, залить вот эту вот часть, слева и справа,  и точно так же ластиком немножко подтереть.

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

Что дальше? Вот этот вот текст в менюшке необходимо выровнять по высоте, потому что сверху чуточку меньше, чем снизу. Соответственно, чтобы смотрелось это гармонично, и не бросалось в глаза, как ошибка, необходимо, чтобы текст был ровно посерединке.  Просто на глаз выравнивается. Либо если хотите заморочиться, то выставляете направляющие и высчитываете по футеру. Это на ваше усмотрение.

Идем дальше. Вот здесь вот в меню отступы между строчками уменьшите раза в 1,5-2 — это будет смотреться гораздо лучше. У вас сейчас шрифт с засечками на краях, такой шрифт хорошо использовать в заголовках, допустим, здесь вот в названиях компании и так далее, когда там одно или несколько слов, но и не в тексте и не в меню. Потому что читается такой текст посложнее чуть-чуть и я рекомендую использовать текст без засечек. В интернете можете посмотреть, как они как бы выглядят, чем они отличаются, какое у них различие. Как бы испокон веков вот эти вот шрифты используются с засечками в газетах и журналах именно в заголовках и люди привыкли, что это так и поэтому соответственно в интернете лучше использовать именно так, как привыкли люди видеть данную информацию, то есть не для текста, а для заголовка. Для текста используйте обычные шрифты на подобие Verdana,  Calibri, ну и так далее, без засечек. То есть  в интернете можете прям так искать: «текст без засечек», и вам будут выпадать эти вот шрифты. Плюс, немного увеличьте отступ слева и справа, то есть,  чтобы было по гармоничнее, чтобы не было какого-то такого ощущения, что текст прилип к краям блока. Раза наверное в 1,5 необходимо увеличить. Так, спускаемся вниз. Здесь по тексту хорошо. А здесь по картиночкам тоже. Режим работы я бы порекомендовал вынести в отдельный пункт. Это все-таки довольно важный момент, который люди обычно спрашивают, когда звонят по телефону, либо когда хотят найти на сайте. Поэтому его необходимо вынести в сам контент. Здесь  же можно вот эту высоту футера уменьшить, дополнительную информацию – телефон и адрес, копирайты, ну и так далее, такую неважную информацию. Если брать по тому, что вы делали — вот такие вот рекомендации. Сделано более и менее хорошо. Основные там рекомендации будут по следующим там работам.

Так, окей. С этой работой мы разобрались. Перейдем сейчас к следующей. Сейчас я уменьшу немножко размер, чтобы было видно, увеличу масштаб. Уменьшим. Окей, приступаем к разбору сайта по детскому развитию. Первое, что необходимо сделать, это избавиться от вот этого вот цветного фона. Почему? Потому что на нем очень много элементов, они все цветные, они все разные по форме, и привлекают к себе слишком много внимания. Когда смотришь непосредственно на центральную часть, где должен быть контент,  вот эта вот фоновая часть, очень сильно отвлекает внимание. Если вы все-таки хотите оставить вот эту фоновую часть,  вот этот патерд, то я рекомендую сделать более такие прозрачные цвета, вообще картинку можно непрозрачность данного слоя уменьшить порядка 25-30% оставить и уже будет смотреться лучше, скажем так. Вообще,  я бы рекомендовал избегать таких вот, скажем, заливок фоновых, где присутствуют такие сложные элементы, потому что сильно бьют по глазам и отвлекают. Лучше, когда там используются какие-то повторяющиеся узоры, но не предметы. То есть, в этом случае можно использовать, но и то далеко не все. И опять же,  они не должны слишком много привлекать внимание. Все-таки человек пришел получить какую-то информацию на сайте, а когда заходишь, не может сфокусироваться на контенте. То есть, нужно не усложнять человеку восприятие информации, а наоборот помогать, чтобы ему было легче.

Следующее, по поводу цветовой гаммы.  Желтый цвет на сайте, такой лучше не делать. Потому что это прошлый век, лучше сделать белым, смотреться будет лучше. Меню необходимо перенести чуть-чуть повыше, потому что люди привыкли, что меню находится в самом верху. Сделано оригинально, сделано в цвет логотипа, то есть, это классно! Но опять же, вот эти вот контакты, допустим, не нужно, так скажем, много придумывать. Сделаем вот эту вот информацию дополнительную и пояснительную  каким-то одним цветом. То есть,  допустим, оранжевый, темно-коричневый будет вполне достаточно, потому что привлекает достаточно много внимания, и немножко сократите расстояние между строчками и уменьшите размер шрифта. Потому что сам по себе шрифт получается очень большой, чтобы смотреть в обычном режиме, 100% масштабе. И увеличьте чуть-чуть расстояние между блоками, точнее, границами самого сайта.

Вообще, по поводу границ самого сайта. Я не рекомендую так делать, потому что это дизайн стиля, когда только-только веб-дизайн появлялся. Только-только начинали делать сайты, лет, наверное, 7-10 назад. То есть, люди, когда будут заходить на данный сайт, то соответственно будут понимать , что сайт немножко не в тренде, но, тем не менее,  как бы это, если скажем, стремиться к самому лучшему идеальному варианту. На всякий случай вам говорю. Если будете в дальнейшем сайты разрабатывать, то делайте на всю ширину экрана. То есть, рамочки такие делать нежелательно. И даже если вы захотите все-таки так сделать, здесь вот по высоте обрубать сайт нежелательно, просто сделать чтобы сплошная такая заливочка была — до конца, сверху и до конца снизу. Смотреться будет немножко проще.

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

Здесь у нас леэндинг. Сейчас, секундочку. Я точно так же его подгоню по размерам, чтобы было удобнее просматривать. Заранее извиняюсь то, что немножко туплю с программами. Новый компьютер,  новая система,  я немножко не разобрался, где что работает. Поэтому иногда может что-то резко увеличиться или уменьшится, но и дополнительно покажу.

Давайте приступим к разбору данного лендинга. Первое, как бы, ошибка, про которую я уже говорил — это вам необходимо делать дизайн на всю ширину экрана. Все вот эти вот моменты, продолжаете налево и направо делать пакет 920 пикселей по ширине. Так будет смотреться гораздо более профессионально – это, во-первых, во-вторых, макет будет корректно и красиво отображаться на всех размерах экранов мониторов. Потому что, допустим, этот макет на экранах, допустим, 17-19 дюймов будет хорошо отображаться, но, а больше, скорее всего, будет вот так вот по краям обрезаться и смотреться некрасиво. То есть, будет видно, что когда работа не доделана.

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

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

Так, давайте пойдем дальше.  В принципе, по структуре хорошо. Вот эти вот моменты — заливка под заголовками, я рекомендую точно так же продолжать влево и вправо, чтобы смотрелось гармонично. Градиенты не рекомендую использовать, потому что смотрится немножко,  так скажем,  дёшево и немножко прошлый век  — это давно использовали, так делать не стоит. Вот в данном случае я рекомендовал бы вам сделать заливку гораздо более насыщенным зелёным цветом и текст сделать непосредственно белым.  Смотреться будет лучше. Почему? Потому что у вас будет вот эти вот контрастные цвета, фон будет хорошо выделяться и, соответственно, текст будет легко читаться. Сейчас же, когда вы делаете зелёный цвет текстом на зелёном цвете фона, он немножко сливается и довольно- таки тяжело читается. Плюс, я бы немножко увеличил размер текста, чтобы прочитать могли все, а не только там школьники и студенты, у которых со зрением все хорошо.

Следующее, вот здесь я бы совсем чуть-чуть сделал бы заливку, таким вот легким оттенком серого и зеленого, чтобы он немножко отличался от фона, чтобы это не была просто рамка, чтобы убыло видно, что это какой-то отдельный объект. Будет смотреться чуточку лучше. Плюс вот эта вот фамилия с именем спустите чуть —  чуть вниз и вот здесь точно так же, чтобы было видно что, данная фамилия с именем относится непосредственно к автору, к данной фотографии. Потому что сейчас расстояние сверху и снизу оно примерно одинаковое и не  сразу понятно, чья это фамилия, чей это комментарий и так далее. Плюс, по тексту, сделайте опять же, чуть побольше по размеру,  чтобы легко читалось. Не бойтесь сделать эту рамочку, место под комментарии больше по высоте, нет ничего страшного. И плюс добавьте расстояние вот от края этих отзывов и между текстом увеличьте раза в 2,5, тогда будет гораздо проще и легче восприниматься вся информация. Смотреться будет лучше и гармоничнее.

По поводу стоимости услуг. Это лучше ввести в рамку, почему, потому что люди почему, как бы очень часто они не видят стоимость услуг, начинают писать, звонить и так далее. Лучше, как раз-таки все это выделить в рамку такую, а чтобы люди видели и плюсы, сделайте с моей личной практики и опыта и здесь вот эту вот заливку, соответственно, точно так же продлите налево и вправо зелёным цветом, плюс увеличьте по высоте отступы от текста до границ вот этой вот рамочки. Будет смотреться получше. Так. Вот здесь я бы еще полностью вот эту заливку продолжил налево и направо, потому что здесь слишком сильно так обрезаются края и смотрятся несколько непрофессионально. Если продлить, соответственно, будет это гораздо более профессионально выглядеть. Так, теперь я прочитал футер, и понял тематику сайта – «Консультант по семейным отношениям», насколько я помню, а нет, здесь указанно. Вот, кстати говоря, вот такие вот моменты лучше указывать непосредственно, самым большим текстом, потому что консультация по Skype, вот то, что я зашел сначала прочитал не понятно, что именно по семейным отношениям, гораздо более четко определения, что предоставляет компания.  И здесь, соответственно, я бы рекомендовал какую-то тематическую картинку выбрать, в которой показано, что происходит непосредственно консультация, соответственно, психолога и, соответственно, клиента, либо ну, скажем, пары там, муж и жена. Тогда будет сразу по картинке понятно, на какой сайт, куда человек попал. То есть, не просто так стоял какой-то оператор, потому что сейчас, когда заходишь, кажется что просто какая-то служба поддержки, но непонятно, что это, консультации по семейным отношениям психолога. То есть, по картинкам. Почему стоит подбирать тематические картинки? Потому, чтобы, допустим, прочитать вот этот вот текст, вот этот текст, уйдет порядка 10-ти секунд наверно, плюс, если станет непонятно, придется человеку прокрутить вниз и прочитать еще текст и уйдет несколько минут, если не 10ка минут. А если же вы удачно подбираете какую-нибудь картинку тематическую, где будет сразу понятно о чем сайт, это займет в принципе у человека по взгляду пару секунд от одной до трех, соответственно, вы сэкономите время и человек примет решение либо остаться  на сайте,  либо уйти. То есть, мы как бы облегчаем посетителям выбор, принятие выбора на нашем сайте, соответственно, как раз-таки задача дизайнера сделать, чтобы человеку все было на сайте понятно, не усложнять. Вот такие вот рекомендации по третьему макету.

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

Давайте сейчас пойдем по порядку. Начнем с шапки. Вот здесь вот я рекомендую взять терочку и сделать плавный переход, удалить серый цвет, вот эту вот тень. То же самое касается вот этой вот части. Тогда будет смотреться гораздо лучше, то есть будет казаться, как будто это единая шапка, единая картинка. Телефон и адрес вам необходимо сместить, непосредственно, вот сюда вот над девочкой. Вот эта вот надпись «Я мама» и описание  кампании немножко уменьшить в размере и подвинуть чуть-чуть налево, а контакты непосредственно вот сюда вот подвинуть. Почему? Потому что те люди, которые смотрят в монитор небольшой, они увидят, только вот эту вот часть, все, что за ее пределами, они, телефон, контакты, адрес компании они не увидят. Если вот, допустим, у меня был монитор там какого-то ноутбука небольшого, то я зашел, хотел бы, допустим, позвонить в эту кампанию, то, тем не менее, не увидел бы номера телефона, потому что мне физически не показывается. Просто напросто я его не увижу, как бы я не хотел.

Но, как программист, я бы мог там увеличить масштаб и заметить данный телефон. Но, тем не менее, с учетом того, что все-таки у нас аудитория мамы, но я больше чем уверен, что более 99% из них просто напросто даже не догадываются о таком способе, как это сделать, а я уже не говорю о том, чтобы просто сделать. Соответственно, контакты добавьте сюда, чуть левее. Так, вот этот текст, «центр духовного и физического развития» я бы сделал жирным, а «для мамы и детей» сделал поменьше и менее белым, скажем, что среднее цвет оттенка между белым и розовым. То есть, это основная, скажем, сфера кампании, и соответственно, для кого. Человек сначала должен понять куда попал и потом, что данные услуги непосредственно для него. Здесь, естественно, точно так же, где логотип возьмите терочку, сделайте плавный переход, чтобы не было вот таких вот рваных краев. Не знаю, возможно, у вас на мониторе не видно, но у меня вот здесь вот, на моем мониторе, сразу бросаются в глаза вот эти рваные края между белым и, непосредственно, серым цветом. Так, давайте пойдем дальше. По поводу меню. У вас здесь получается два меню. Лучше так не делать. Лучше, допустим, все вот эти вот направления сделать выпадающим списком, то есть, сюда добавить какой-то пункт один. Допустим, «Направление», человек нажимает и у него выпадают вот эти четыре списка направлений. Потому что два меню они слишком сильно усложняют восприятие информации и человек будет путаться, он будет не понимать, куда кликать, куда попасть и так далее. Плюс, это занимает довольно таки много пространства. Все это можно вместить в одном, в одной точке, в одном блоке.

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

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

По формочке. Что здесь? Я рекомендую немножко по высоте вот эти вот поля сделать чуть побольше, текст непосредственно, чуть поменьше. И, соответственно, кнопочку. Кнопочку, я бы сделал, допустим, темно-фиолетовую и текст на нее, допустим, белым. Смотреться будет немножко лучше. Вот такие вот замечания по данной работе. По структуре, в принципе, более и менее хорошо.

Ну, и последняя работа у нас осталась. Непосредственно, дизайн сайта вашего портфолио. Сейчас поднимемся наверх, увеличим масштаб немножко. Так, давайте приступим. Текстурка фоновая вполне хорошая. Как вы видите здесь, узор по сравнению с теми шариками и домиками, которые вы использовали в прошлый раз в прошлой работе, он наверно в десятки раз меньше, поэтому не привлекает так сильно внимание, не отвлекает от контента, от меню, от ваших работ и так далее. То есть, в той работе рекомендую использовать примерно точно такую же текстурку. Просто какого-то более яркого детского цвета. Что касается данной работы. В принципе данный  логотип хороший, классный, я бы еще на русском продублировал, чтобы все могли прочитать, чтобы не осталось непонятно. Шрифт вы здесь используете нестандартный и некоторые люди с плохим зрением могут не так прочитать, либо прочитать,  что-то не то. Плюс, я бы сделал немножко более ярким вот это вот синий оттенок, смотрелось бы, на мой взгляд, чуточку лучше, более радужно, повеселее, потому что немного такой тускловатый, наверно, цвет получился, каких-то положительных таких эмоций не вызывает. Так, хорошо. По структуре дизайн сделан вполне прилично. Вот здесь вот замените темный цвет на белый — смотреться будет гораздо лучше. И вообще, как бы для вас, для продаж, я рекомендую сразу указать полные контакты. То есть, полностью e-mail, вашу ссылку на аккаунт в ВК и ваш логин в Skype. Не нужно делать отдельные ссылочки и вот здесь вот все сразу вот эти вот контакты продублируйте. Это вам принесет сразу в разы больше заказов, если будут люди заходить на данный сайт. То есть, как бы, если человек хочет вам сразу позвонить, кстати, телефон тоже сразу оставляйте, это будет давать гораздо больше заявок. Сразу скажу, что звонить будут крайне редко, но, тем не менее, когда люди видят, что не по боялась оставить свой телефон, что человек, как бы готов к сотрудничеству и так далее. А, что человек открыт, а что человек не какой-то там кидалово, что не обманет и, соответственно, доверие к такому человеку больше, соответственно, такому человеку заказывают больше. Просто я проверял на собственном опыте, такая не большая фишечка по продажам. Плюс, я бы еще добавил. Если вы потом будете разрабатывать дизайн, делать какой-то интернет магазин, то добавил бы несколько внутренних страничек. Смотрелось бы гораздо лучше. Либо, если вы будете разрабатывать, 2-3 варианта дизайна, то здесь можно добавить таких вот несколько вариантов. Либо еще, как бы, сделать небольшое описание, либо видео обзор, как вы создавали   дизайн. То есть, чем-то выделиться среди конкурентов будет гораздо лучше. Вот такие вот рекомендации по данной работе. То есть по структуре все хорошо. По цветовой гамме чуть-чуть поярче. Все остальное хорошо.

Ну что ж, давайте подведем итог. В основном, проблема какая? Немножко с графикой, немножко с подбором цвета, со структурой, скажем, вполне, на четверочку. Вот эти два момента подправьте и, соответственно, берете следующие работы чуточку более сложнее. Потому что ошибок не так много, все, в принципе, более и менее получается. И вам, для того, что бы расти,  необходимо брать более сложные работы, как по структуре, так и по объему работы, так и по графике.

Ну что ж, на этом все. Желаю вам успехов. Желаю вам хороших продаж. Если будут вопросы – пишите.

 

Пройдите курс "Профессия веб-дизайнер" за 10 дней бесплатно:



Понравилась статья?
Сделайте доброе дело — поделись ей со своими друзьями и коллегами, кликнув по всем кнопкам соц.сетей:

Нравится
comments powered by HyperComments