Поделиться:

Проект закрыт Редизайн главной страницы

lehakornev
Бюджет: 25 000 р.
Алексей Корнев [lehakornev] [12.04.2017 | 22:39] [внесены изменения: 13.04.2017 | 18:26]
Зарегистрирован на сайте 4 года и 1 месяц
Безопасных сделок: 0
Отзывы фрилансеров: + 0 0 - 0
Нужно придумать редизайн главной на сайте newmeta.pro, на данный момент плитка получилась ужасной, так как визуального восприятия информации – нет.

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

Макет можно использовать по ссылке ( drive.google.com/open?id=... ). Все фирменные цвета и так далее можно взять оттуда. В блоке обязательно должна присутствовать категория :Новости, видео, ....; А также должна присутствовать дата публикации. 

Нужно сохранить смысл плитки, однако придумать, чтобы это выглядело лаконично и приятно. Чтобы визуальная составляющая была основным аспектом внимания пользователя. Учитывать при дизайне – как это будет комбинироваться скриптом.

Наши мысли по этому поводу: необходимо увеличить сам контейнер, чтобы можно было оставить фотографии в размере 1х1. Также нужно продумывать несколько вариантов блоков (1х1, 2х1, 4х4 – большой куб).  Обязательно нужна рамка под новостями, где будет написан сам заголовок. 

Можно посмотреть формат блоков/идею на других новостных СМИ, которые пользуются такого рода плиткой для отображения новостей.

Отправлять Ваши примеры можно на lehakornev at gmail.com

"Денег дал бы больше, но сейчас не лучшие времена. А лучшие времена, они скоро настанут"
Разделы:
Конкурс

Участники

Статистика по конкурсу

  • Сегодня опубликовано 0 работ и 0 комментариев

Проект закрыт Конкурс окончен 19.04.2017

Конкурс длился с 12.04.2017 до 19.04.2017

Победитель будет объявлен в четверг, 20.04.2017

Конкурсные работы

  • fate777-88

    Юлия Карван [fate777-88]    [13.04.2017 | 08:54]

    Ответ от заблокированного пользователя
  • magician_ivan

    Иван Андросов [magician_ivan]    [17.04.2017 | 11:16] [внесены изменения: 18.04 2017 | 23:50]

    • Добавлено 17.04.2017 в 11:16
      f_04358f479c8b7ac1.jpg
    • Добавлено 17.04.2017 в 11:26
      f_28958f47c4bf05c9.jpg
    • Добавлено 18.04.2017 в 23:50
      f_22558f67c2ca3a45.png
  • allaryza

    [allaryza]  [13.04.2017 | 13:12]

    Стоимость обозначена мизерная, реально работа стоит значительно больше, единственное за эти деньги можно только идею, реализация ваша.
    • lehakornev

      Алексей Корнев [lehakornev]   [13.04.2017 | 13:30]  

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

  • someday-

    [someday-]  [13.04.2017 | 18:40] [внесены изменения: 16.04 2017 | 14:46]

    • Добавлено 13.04.2017 в 18:40
      f_64958ef9bdcb4416.png
    • Добавлено 13.04.2017 в 20:01
      f_74258efaedfb90a5.jpg
    • Добавлено 16.04.2017 в 14:46
      f_72658f359a19c1b8.jpg
    • lehakornev

      Алексей Корнев [lehakornev]   [13.04.2017 | 18:44] [изменен 13.04.2017 | 18:45]

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

      А также как будет отображаться в адаптивной?

      • someday-

        [someday-]   [13.04.2017 | 19:59]  

        Сейчас отправлю исправленную версию. С вами можно как то лично связаться ?

        • lehakornev

          Алексей Корнев [lehakornev]   [14.04.2017 | 13:06]  

          Можно, на почту/телеграм/skype 

          @Feleks

        • lehakornev

          Алексей Корнев [lehakornev]   [14.04.2017 | 13:52] [изменен 14.04.2017 | 13:52]

          Я имел в виду обложку наоборот сделать более прозрачную, а не использовать "болотный" цвет. Более прозрачную рамку и черный цвет текста.

          То есть взять тот же бирюзовый, как у Вас в первом варианте, но сделать его прозрачным. Или сделать именно рамку, а не обложку

  • Giogi

    Дмитрий ArteGio [Giogi]  [13.04.2017 | 20:14] [внесены изменения: 13.04 2017 | 20:15]

    Можно сделать примерно так
    • Добавлено 13.04.2017 в 20:15
      f_42158efb22fafa99.png
    • lehakornev

      Алексей Корнев [lehakornev]   [14.04.2017 | 13:03] [изменен 14.04.2017 | 13:14]

      Неплохо, но как-то слишком просто и без интересной идеи. 

      "Слишком кубовато"

  • vsegnev

    Evgeniy S [vsegnev]  [14.04.2017 | 00:56] [внесены изменения: 14.04 2017 | 16:44]

    • Добавлено 14.04.2017 в 16:44
      f_48958f0d2439e415.png
    • lehakornev

      Алексей Корнев [lehakornev]   [14.04.2017 | 13:00] [изменен 14.04.2017 | 13:04]

      Выглядит как-то "ужасно". Цветовая гамма страшная, не надо так)

      Или специально такой эффект черно/белый.

      • vsegnev

        Evgeniy S [vsegnev]   [14.04.2017 | 13:23] [изменен 14.04.2017 | 13:47]

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

        • lehakornev

          Алексей Корнев [lehakornev]   [14.04.2017 | 13:59]  

          Я не могу понять, почему изображение так синевой отдает. Вы посмотрите даже на лого у Вас, и у нас newmeta.pro

          Не стоит трогать шапку. 

          А с новостями, ну у Вас тоже самое сейчас получится. Если заголовок будет большой. он 2/3 изображения съест и все. (У нас и сейчас так)

          • vsegnev

            Evgeniy S [vsegnev]   [14.04.2017 | 16:45]  

            Хорошо, тогда оставляю только с блоками.

  • ansecon

    Борис Карнаков [ansecon]  [14.04.2017 | 04:08] [внесены изменения: 14.04 2017 | 04:09]

    Участвую. Есть 1 вопрос, можно предложить свою цветовую схему? и немного изменить дизайн страницы, или вам важны только блоки новостей?
    • lehakornev

      Алексей Корнев [lehakornev]   [14.04.2017 | 13:01]  

      Только блок новостей, фирменные цвета сохранить. 

      Мы же не хотим весь сайт переделывать))

      • ansecon

        Борис Карнаков [ansecon]   [15.04.2017 | 06:35]  

        Понял) просто написано редизайн главное страницы)

  • GeorgeM

    George Markov [GeorgeM]   [14.04.2017 | 09:41] [внесены изменения: 18.04 2017 | 20:46]

    Блин, не успел вовремя подготовить работу конкурсную из-за прошлых проектов.
    Увидел конкурс для сайта про киберспорт и сразу понял что буду участвовать. Я большой любитель бахнуть в доту в свободное время и очень люблю смотреть турнирные игры.

    Поэтому разрабатывать дизайн для киберспортинвого сайта для меня особое удовольствтие:)

    Первое на что я обратил внимание, когда только попал на сайт – нет "шапки", т.е. крупного элемента, который сходу должен привлечь вниамние и дать понять, о чем идет речь на сайте. Блок с турнирами занимает место вверху и выглядит очень не органично там, + совсем нет разделения по новостным группам (по играм/по важности новостей). А еще я заметил, что сайт планируется не только как лента новостей, но и как база турниров, стримов, тутров и возможно как-то ещё.

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

    Далее, для новостей придусмотрел фильтр. Фильтр по неделе и по месяцу помогает ориентироваться в большом потоке новостей и всегда оставаться в курсе самого главного, а фильтр по дисциплине дает возможность следить только за выбранной игрой (по умолчанию включены все дисциплины).

    Ну и перешел к ленте. Использовал 4 структуры, которые отлично сочитаются в "рандоме". Маленькие блоки дают уместить больше информации и создают визуальную разницу в "весе" блоков. Это очень важная вещь, психология восприятия устроена так, что когда мы видим 5 одинаковых вещей выбрать одну из них становится для нас очень сильно задачей. Но как только эти вещи начинают отличаться друг от друга выбор становтися очевиден (как и сама эта теория, привет кэп).

    Это лишь малая часть, которую я хотел воплотить. К сожалению очень-очень сильно сам себя о срокам поджал и только сегодня начал работать над вашим проектом из-за того, что прошлую работу никак не мог завершить. Вот какие изменения я ещё наметил для вашего сайта:
    1) Редизайн футера и хедера
    2) Дизайн логотипа
    3) Полная переработка страницы новости
    4) Дизайн личного кабинета
    5) Встраивание "спец. блоков" в ленту новостей
    6) Поработать над фирменным стилем. Взять за основу новостные издания вроде cossa.ru
    7) Сделать адаптив под все устройства 
    И кажется кое-что еще забыл, что в голову приходило

    Мне очень-очень интересно было бы все это сделать)
    Свяжитесь со мной, пожалуйста, в скайпе: gldn21 или в Telegram: georgemarkov

    И конечно же жду, ваших комментариев по поводу работы
    • Добавлено 18.04.2017 в 20:45
      f_27258f64b7ca3955.jpg
  • Ketrin001

      [Ketrin001]  [14.04.2017 | 10:54] [внесены изменения: 14.04 2017 | 12:07]

    Возможно ли изменение основного макета? незначительно, например переставление какого-то блока немного по-другому?
    • lehakornev

      Алексей Корнев [lehakornev]   [14.04.2017 | 13:02]  

      Переставить блоки можно, но не желательно. Если вы это сделаете как-то гениально, то будет хорошо). 

      А так, лучше туда сильно не лезть)

      • Ketrin001

          [Ketrin001]   [14.04.2017 | 14:37] [изменен 14.04.2017 | 14:45]

        Что за ползунок "Москва-Киев"? За что он отвечает?  
        А про блоки... К примеру, не всем интересны матчи, однако, когда человек входит на сайт, то первое, на что падает его взгляд является Результаты матчей. Нельзя ли их вынести куда-нибудь вбок или вообще убрать?  Если нет, то сделаю и с ними). 
        Данная ширина страницы должна сохранятся?  
        Какая ЦА у портала?

        • lehakornev

          Алексей Корнев [lehakornev]   [14.04.2017 | 16:36]  

          Он отвечает за время. На данный момент оно одинаковое, но 2 месяца назад отличалось. Это нужно для уточнения расписания. 

          Блок с матчами можно доделать, но не менять его местоположение. Поэтому выносить их нельзя 


          Ширину страницы можно поменять.

  • dshihkaibov

    [dshihkaibov]  [14.04.2017 | 11:59] [внесены изменения: 14.04 2017 | 17:19]

    Здравствуйте, Алексей, как Вам такой вариант?
    • Добавлено 14.04.2017 в 13:44
      f_35258f0a819e4b70.jpg
    • Добавлено 14.04.2017 в 17:19
      f_30958f0da55ca285.jpg
    • lehakornev

      Алексей Корнев [lehakornev]   [14.04.2017 | 13:01]  

      Цвет бледно зеленый – вообще ни к месту, некрасивый/неприятный цвет. Используйте фирменные цвета

      • dshihkaibov

        [dshihkaibov]   [14.04.2017 | 13:45]  

        Внес коррективы, жду Вашего комментария.

        • lehakornev

          Алексей Корнев [lehakornev]   [14.04.2017 | 14:02] [изменен 14.04.2017 | 14:02]

          Так уже лучше, но я бы обложку сделал как рамку, а не заливкой цвет. А сам цвет шрифта взял бы черный. И сделал бы рамки одинакового формата, потому что сейчас в ряд 4 новости, и в одной рамка X, а в другой 2X, что сразу создает странное ощущение.

          • lehakornev

            Алексей Корнев [lehakornev]   [14.04.2017 | 14:03]  

            Рекомендую зайти на newmeta.pro, чтобы понять что сейчас есть.

            • dshihkaibov

              [dshihkaibov]   [14.04.2017 | 17:22]  

              Отредактировал по Вашим пожеланиям. Оставил 1 цветную рамку (взаимодействие).

  • alexxx9875

    Александр Тарасов [alexxx9875]  [14.04.2017 | 13:18] [внесены изменения: 14.04 2017 | 14:56]

    Первые три плитки- пример наведения курсора мыши. Выделение оранжевой иконкой комментария посты, где человек оставил свой комментарий
    • Добавлено 14.04.2017 в 13:18
      f_43958f0a202032f5.jpg
    • Добавлено 14.04.2017 в 14:56
      f_84058f0b8ca22715.jpg
    • lehakornev

      Алексей Корнев [lehakornev]   [14.04.2017 | 14:04] [изменен 14.04.2017 | 14:04]

      Опять же, с заголовком беда. Если он будет достаточно большой, то мелкий блок будет на 2/3 занят текстом. Решения проблемы в дизайне, пока что нет.

      • alexxx9875

        Александр Тарасов [alexxx9875]   [14.04.2017 | 14:57] [изменен 14.04.2017 | 14:57]

        Подправил.
        Разные виды плиток это варианты исполнения:)

  • jesusdiedforyou

    Никита Никифоров [jesusdiedforyou]   [14.04.2017 | 15:24] [внесены изменения: 14.04 2017 | 16:31]

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

    У меня есть идеи как решить вашу проблему, позже выложу варианты для вашего сайта.
    • Добавлено 14.04.2017 в 16:31
      f_94758f0cd6bec251.jpg
  • TechnoPainter

    [TechnoPainter]  [14.04.2017 | 20:55]

    +
  • Corp27

    [Corp27]  [15.04.2017 | 19:32]

    Жду ваших комментариев.
    • Добавлено 15.04.2017 в 19:32
      f_73158f24afd2a937.jpg
  • MAVAJEE
    По поводу размеров если сохранять размер плитки 1х1 с картинкой на фоне можно сделать более сильное затемнение и разместить текст по центру, как привило из восприятия сути, в большинстве своем картинка играет роль визуального оформления и такой вариант будет весьма лаконичен и хорошо вместит большой текст заголовка к тому же удобный размер чтобы компоновать с плитками другого размера 
    • Добавлено 15.04.2017 в 21:57
      f_85358f26bad42f22.png
    • Добавлено 15.04.2017 в 21:57
      f_96958f26ba86633b.png
    • Добавлено 15.04.2017 в 21:57
      f_38958f26bb50976d.png
  • ilhuan

    Илья Елюшкин [ilhuan]   [16.04.2017 | 15:58]

    Здравствуйте, предлагаю свою работу на конкурс. Жду комментариев ^^
    • Добавлено 16.04.2017 в 15:58
      f_94758f36a71e3ac0.png
  • maria5470

    Мария Бородкина [maria5470]  [17.04.2017 | 14:53] [внесены изменения: 18.04 2017 | 09:11]

    Предлагаю такой вариант решения.
    • Добавлено 17.04.2017 в 14:53
      f_95558f4acb0ad33f.jpg
    • Добавлено 18.04.2017 в 09:11
      f_05658f5ae09b6ae5.jpg
Вы успешно купили аккаунт PRO
с неограниченными ответами в проектах и +20% к рейтингу
Срок действия аккаунта — до 01.01.1970 03:00
Спасибо за покупку, теперь вы можете ответить на проект.
Желаем вам успешной работы на сайте и множества выгодных заказов!

Теги: Веб дизайнеры удаленно, резюме дизайнера, лучшие дизайны сайтов, сделать дизайн сайта, создать дизайн сайта, нужен веб дизайнер, требуется веб дизайнер, ищу дизайнера сайтов