NotCreative

Оцените дизайн сайта-портфолио

    Рекомендуемые сообщения

    NotCreative

    Делаю себе портфолио в виде сайта. Прошу оценить его дизайн и креативность. Старался сделать в стиле минимализма (прям как я люблю), надеюсь не переборщил.
    Ссылка на портфолио: http://bullshit.zzz.com.ua/

    Что интересует в первую очередь:

    1. Я не знаю, как сайт дружит с браузерами. Отпишитесь, пожалуйста, какой у вас браузер если Вы заметили какие-либо проблемы.

    2. Не лишний ли переход в черный цвет в разделе "Портфолио"? Мне кажется это довольно забавным, но может переход слишком резкий?

    Ну и оставляйте общее впечатление от сайта)

    Поделиться сообщением


    Ссылка на сообщение
    Поделиться на других сайтах
    Svetlana_P

    Привет! В целом мне понравился)

    Хорошо:

    1. Цветовая схема белый-желтый-черный, приятна глазу
    2. В секциях размер шрифта на большом экране, удобно читать.
    3. Сами шрифты.
    4. Отсутствие явно лишних деталей. Я тоже люблю минимализм)
    5. Содержимое раздела "Прочее")

    Мысли по улучшению:

    1. На первом экране явно написать, что это. Сейчас там Ваше имя очень мелким шрифтом и где-то внизу. А вид деятельности вовсе не указан. Т.е. я с ходу не поняла, где я.
    2. Пока не понимаю, чем оправдан большой размер меню, его позиция справа и большой заголовок "Меню"? Я не дизайнер, но у меня первый экран вызвал замешательство. Попробуйте как-то объединить обе части.
    3. Я бы не ставила русский и английский язык на одну страницу без возможности выбора.
    4. В разделе "Портфолио" мне фон как-то не очень. Почему, потому что он влияет на восприятие картинок с работами. Посмотрите, тот же "Social marketing" вообще слился с фоном. По-моему, спокойный светлый был бы уместней. Но вообще это спорно... Если первый экран и портфолио доработать, то, может, и черный пойдет. Или, если очень нравится черный, сделать его в контактах.
    5. Там же надо как-то разделить работы между собой. Хотя, если замените фон, может, и не придется.
    6. Я бы переименовала "Прочее" на что-то более информативное. Например, "эксперименты". А иначе, пока не заглянешь, не поймешь, что это значит.
    7. В разделе "Прочее" более явно показать, что можно кликать на работы... Сейчас как-то непривычно и с ходу непонятно, что будет, если нажму на весь текст.
    8. Там же я бы заменила красный на другой. Красный обычно воспринимается как сообщение об ошибке, если это не вписано в общий дизайн.
    9. Хорошо бы в меню слева подчеркивать пункт, где я сейчас нахожусь.
    10. В контактах проставьте ссылки, чтобы можно было кликать. А из текста ссылок уберите лишнее, оставьте только домен. Предложение "Вы можете связаться со мной одним из следующих способов" я бы убрала, потому что говорит об очевидном.

    Поделиться сообщением


    Ссылка на сообщение
    Поделиться на других сайтах
    NotCreative

    Большое спасибо за такой подробный ответ)

    Прокомментирую некоторые Ваши замечания:

    В 14.07.2017 в 22:16, Svetlana_P сказал:

    1. На первом экране явно написать, что это. Сейчас там Ваше имя очень мелким шрифтом и где-то внизу. А вид деятельности вовсе не указан. Т.е. я с ходу не поняла, где я.

    Хм, действительно, это очень важно. Поработаю над этим.

    В 14.07.2017 в 22:16, Svetlana_P сказал:

    2. Пока не понимаю, чем оправдан большой размер меню, его позиция справа и большой заголовок "Меню"? Я не дизайнер, но у меня первый экран вызвал замешательство. Попробуйте как-то объединить обе части.

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

    В 14.07.2017 в 22:16, Svetlana_P сказал:

    3. Я бы не ставила русский и английский язык на одну страницу без возможности выбора.

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

    В 14.07.2017 в 22:16, Svetlana_P сказал:

    10. В контактах проставьте ссылки, чтобы можно было кликать. А из текста ссылок уберите лишнее, оставьте только домен. Предложение "Вы можете связаться со мной одним из следующих способов" я бы убрала, потому что говорит об очевидном.

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

    В 14.07.2017 в 22:16, Svetlana_P сказал:

    6. Я бы переименовала "Прочее" на что-то более информативное. Например, "эксперименты". А иначе, пока не заглянешь, не поймешь, что это значит.

    Точно, "Эксперименты"! Это названия как раз подходит, спасибо. Я никак не мог придумать как это назвать и назвал просто "Прочее".

    Поделиться сообщением


    Ссылка на сообщение
    Поделиться на других сайтах
    Svetlana_P
    1 час назад, RealPeha сказал:

    Изначально я решил сделать главный экран в стиле split-screen. Потом дизайн начал поддвергаться сильным изменением, но я все еще хотел split-screen)

    Можете показать примеры удачного, на Ваш взгляд, дизайна в таком стиле?

    1 час назад, RealPeha сказал:

    В некоторых местах фразы на аннлийском звучат и выглядят более привлекательнее чем на русском.

    Почему Вы так думаете? Я серьезно спрашиваю, потому что такой подход встречаю впервые :) Хорошо бы примеры.

    Поделиться сообщением


    Ссылка на сообщение
    Поделиться на других сайтах
    NotCreative
    21 час назад, Svetlana_P сказал:

    Можете показать примеры удачного, на Ваш взгляд, дизайна в таком стиле?

    Если взять любую подборку типа " Лучшие сайты со split screen" то все они будут удачными и оригинальными

    21 час назад, Svetlana_P сказал:

    Почему Вы так думаете? Я серьезно спрашиваю, потому что такой подход встречаю впервые :) Хорошо бы примеры.

    Примеров нету) Разве что мой сайт являеться примером, я подобного тоже ранее не встречал.

    Поделиться сообщением


    Ссылка на сообщение
    Поделиться на других сайтах
    NotCreative

    Снова привет. Я немного изменил дизайн. Учел некоторые советы(но не все)) Svetlana_P и, как мне кажется, получилось намного лучше.

    Что изменилось:

    1. Поменял главный экран. Убрал огромное меню, которое и вправду было не очень в тему. Заменил его на "О себе" и сделал полупрозрачный фон, а изображение, что было справа растянул на всю ширину.
    2. Теперь пункты в меню остаются подчеркнутыми при прокрутке страницы.
    3. Убрал черный фон в разделе Портфолио. Пришлось... Так как когда я убрал раздел "О себе" то резкий переход из главного экрана в черный цвет был ну очень не красивым. Но какой-то блок мне все же хотелось перекрасить в черный и я перекрасил раздел "Контакты"
    4. И еще поправил отображение на телефонах. Теперь вроде все норм. По крайней мере у меня)

    Самое важное)Не получилось переименовать раздел "Прочее" в "Эксперименты". Слово эксперименты само собой очень длинное и при добавлении его в меню оно(меню) становиться слишком широким и это мне короче не нравится ну прям совсем. Может есть еще идея как назвать этот раздел?

    Те, кто видел, предыдущую версию дизайна скажите: стало лучше? А те, кто не видел просто оцените текущий дизайн.

    Спасибо!

    Повторно выкладываю ссылку на портфолио: http://bullshit.zzz.com.ua/

    Поделиться сообщением


    Ссылка на сообщение
    Поделиться на других сайтах
    Svetlana_P

    Привет! Согласна, стало намного опрятней :) 

    Всё же на мобильных устройствах есть что протестировать и доработать. Вот навскидку, сразу вылезает http://joxi.ru/n2YkqXGSoQXkQr

    Идеи для пункта меню: Наработки, Опыты.

    Поделиться сообщением


    Ссылка на сообщение
    Поделиться на других сайтах

    блин, начало было такое хорошее, потов все полетело: и цвет "название сайта" жесть

    и видос какой-то

    Поделиться сообщением


    Ссылка на сообщение
    Поделиться на других сайтах
    rewqp

    Мне понравилась главная сайта. На первой странице информация подается лаконично и понятно. С первой же страницы понятно чей сайт и какое у него предназначение. 

    Портфолио мне кажется было бы лучше представить для пользователя в виде сетки. И чтобы изображение было кликабельным или с переходом на какую-то страницу. (Например можно использовать сетку grid). 

    Что не понравилось:

    1) Раздел "Прочее" 
    Сочетание цветов, красный+зелёный+жёлтый. Это светофор? 
    Так же, лучше подсвечивать выбранный пункт немного сильнее. Просто рамка на 1px - бросается в глаза, но хуже, чем например тот же bacground hover-а. 

    2) Цвет подпунктов "Прочее", "Портфолио". Учитывая картинку и цветовую гамму, лучше подобрать другой цвет. (Но это чисто моё мнение, если вам нравится - оставляйте как есть) (В разделе контактов жёлтый вписывается замечательно!)

    3) Я бы добавила стрелочку "наверх", когда страница скроллится вниз, чтобы можно было по одному клику вернуться наверх.

     

    В остальном, было очень интересно пролистывать портфолио. Желаю вам удачи, чтобы можно было зайти как-нибудь ещё раз и увидеть ещё больше работ ^_^

    Изменено пользователем rewqp

    Поделиться сообщением


    Ссылка на сообщение
    Поделиться на других сайтах

    Создайте аккаунт или войдите в него для комментирования

    Вы должны быть пользователем, чтобы оставить комментарий

    Создать аккаунт

    Зарегистрируйтесь для получения аккаунта. Это просто!

    Зарегистрировать аккаунт

    Войти

    Уже зарегистрированы? Войдите здесь.

    Войти сейчас

    • Войти через Facebook
    • Войти через Twitter
    • Войти через Microsoft
    • Войти через LinkedIn
    • Войти через Google

    • Похожие публикации

      • nautics889
        Автор: nautics889
        У меня вот такой вопрос: я в данный момент создаю свой портфолио, небольшой, но, вроде как, красивый, без излишеств сайт на несколько страниц. Вопрос вот в чем: ssi я в данный момент юзать не могу (проблемы со стороны хоста, возможно решат в ближайшее время), можно ли делать банально несколько html и вязать гиперссылками? для начинающего разработчика пойдет? или обязательно нужно абы-как подключать ssi, либо подобные скрипты?
      • Vostckowa
        Автор: Vostckowa
        Занимаюсь фотографией и дизайном продолжительное время. Как и многие, столкнулась с распространенной проблемой: достойную оплату труда предлагают, в основном, зарубежные заказчики. В рунете почти никто не покупает, большая часть покупок идет из-за бугра. Да что рассказывать, и сами все знаете. Поэтому возникла идея создать своеобразный «мостик» между нашими русскими дизайнерами и иностранными заказчиками – площадку, где можно продать свои работы.

        В результате получился вот такой ресурс: gfx-market.com. Предусмотрели два языка – русский и английский. Этим, собственно, сайт отличаются от других подобных ресурсов. Хотелось, чтобы наши дизайнеры могли легко находить зарубежных заказчиков и показывать миру свои графические работы. Английский язык не будет барьером. Ну, а заказчики, благодаря английскому, тоже смогут запросто общаться со специалистами. Т.е. ресурс направлен и на наших, и на иностранцев – на всех.
        Идею ресурса помогали реализовывать несколько знакомых. Теперь прошу помощи у вас – поддержать мое начинание. Может быть, вы делаете дизайн шаблонов, флаеры и баннеры, создаете шрифты, делаете логотипы или этикетки. Одним словом всех, кто создает качественную графику, предлагаю к нам присоединиться и вместе развивать ресурс. По нашей задумке, графические работы будут продаваться иностранцам. Почти на 100% уверена, что это положительно отразится на продаже товара. Хотя бы потому, что платежеспособность иностранцев повыше. На сайте можно будет просматривать как последние загруженные файлы, так и самые популярные. Думаю, это поможет каждому найти своего покупателя.

        По поводу стоимости: вы можете самостоятельно регулировать цену на графический товар. Посчитали, что это будет лишним стимулом для роста каждого из нас как профессионала. Каждый может постепенно повышать стоимость своих работ. Ну, или сразу ставить высокую цену, если работаете в этой сфере не первый год или чувствуете в себе силы заинтересовать потенциальных покупателей. Можно продавать все, что вы умеете делать в разных программках вроде Phtoshop, Illustrator, Lightroom и прочих.
        Вопрос по выводу средств тоже решался максимально в пользу наших пользователей. Для любой версии сайта (на английском и на русском) можно выводить заработанные деньги на Skrill, PayPal и Webmoney. Для многих пользователей рунета, думаю, удобно, что можно выводить деньги не только на Webmoney. В дальнейшем для русской версии ресурса планируем добавить дополнительные способы вывода средств. От продажи своего товара вы получаете 75-85%, оставшиеся идут на развитие системы. Минимально можно выводить от 10$.
        Понимаю также, что у всех исполнителей разный уровень. Поэтому есть как «плюшки» для лучших авторов – специальный топ, где вас быстро увидят заказчики, так и возможности для начинающих. Т.е. миссия ресурса – повышать уровень профессионализма наших дизайнеров и дать возможность реализовать свои мечты. Есть учебник – пользуйтесь, на здоровье! Также советую заглянуть на форум. На нем мы решили объединить всех участников ресурса – как продавцов, так и покупателей.
        В общем, будем очень рады вашим предложениям и идеям. При создании ресурса старались сделать его максимально простым и удобным, чтобы акцент был на ваших работах. Лишних пунктов в меню нет – только самое главное. Ну, и цветовая гамма соответствующая. Предложениям по сайту будем рады. Вместе с командой постараемся реализовать толковые идеи. Ну, и заходите на огонёк. Сейчас, пока ресурс только начинает развиваться, надеюсь на поддержку.
      • gamletovich
        Автор: gamletovich
        Привет! Есть готовые psd макеты лендингов. Если кто-нибудь готов сверстать сайт для портфолио бесплатно или же за символическую оплату, пиши мне в ВК - https://vk.com/gamletgalstyan. Или можешь в WhatsApp написать +7(919)032-72-32, ну или уж в телеграмме меня можешь найти - @gamletov1ch

        Спасибо!)
    • advertisement_alt
    • advertisement_alt
    • advertisement_alt