→→
Заказчик
Зарегистрирован: 10 лет и 2 месяца
Отзывы + 4 / - 0
Статистика конкурса
Участников: 14
Кандидатов: 0
Заблокировано: 0

Заказ закрыт
Редизайн страницы

Бюджет: 8 000 руб
Победители конкурса
1 место: Ми­ха­ил Кар­тма­зов
2 место: Ев­ге­ний Ива­нов
3 место: Юлия Фе­доров­ская
ЗАДАНИЕ : ПРОРАБОТАТЬ ДИЗАЙН СТРАНИЦЫ УСЛУГИ И РАСПОЛОЖЕНИЕ НА НЕЙ МЕНЮ ВТОРОГО УРОВНЯ РАЗДЕЛА УСЛУГИ, ТАКИМ ОБРАЗОМ ЧТОБЫ ПРИ ВЫБОРЕ УСЛУГИ НА ГЛАВНОЙ СТРАНИЦЕ МОЖНО БЫЛО ОСУЩЕСТВИТЬ ПЕРЕХОД В РАЗДЕЛ УСЛУГИ, И ИНФОРМАЦИЯ ВОСПРИНИМАЛАСЬ ЧИТАБЕЛЬНО И ЮЗАБЕЛЬНО, ПРИ ЛЮБОМ РАЗРЕШЕНИИ, В ДЕСКТОП И В МОБИЛЬНОЙ ВЕРСИИ.
ВАРИАНТЫ РЕШЕНИЯ: ПРЕДЛАГАТЬ В JPG (ДЕСКТОП И МОБИЛЬНАЯ ВЕРСИЯ).
ПОБЕДИТЕЛЬ КОНКУРСА ДОЛЖЕН:  ПРЕДОСТАВИТЬ РЕШЕНИЯ ПО СТРАНИЦЕ УСЛУГИ В ДВУХ ВЕРСИЯХ  (ДЕСКТОП И МОБИЛЬНАЯ):  JPG + PSD
ДЕТАЛЬНАЯ ИНФОРМАЦИЯ ВО ВЛОЖЕНИИ
Опубликован 05.11.2017 в 15:30 Последнее изменение: 10.11.2017 в 06:38
Посмотреть другие конкурсы

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

Свернуть все ветки комментариев (57)

  • ЮК КЮ  

    05.11.2017 | 15:45
    ------------------------------ ------------------------------ --------------
    Здравствуйте! Готова обсудить детали – по тз и цене.

    Дизайн главной страницы: 8000 руб;  до 4 дней
    Доп. страница: 1500 руб;

    Ответственность и пунктуальность гарантирую!

    Портфолио:  www.fl.ru/users/fate777-8...
    Отзывы:  www.fl.ru/users/fate777-8...

    Skype:  fate777-88   
    Email:  fate777-88@yandex.ru
    ------------------------------ ------------------------------ --------------

  • Фрилансер [26011995r]  

    05.11.2017 | 18:32
    Здравствуйте! Готова обсудить детали – по тз и цене. 

     

    Портфолио:  www.behance.net/zuevaekat...

  • Михаил Картмазов  

    06.11.2017 | 14:23 обновлено: 12.11 2017 | 12:56
    Добрый день!

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

    Спасибо!
    Если будет интересно, то :
    Портфолио: behance.net/GSSOCIAL
    Скайп: ghostvscrysis
    Почта: gsssocial@icloud.com или kartmazov-96@mail.ru
    • Добавлено 06.11.2017 в 14:23
      Редизайн страницы - фото 1
    • Добавлено 10.11.2017 в 14:34
      Редизайн страницы - фото 2
    • Добавлено 12.11.2017 в 12:56
      Редизайн страницы - фото 3

    • Заказчик [domstroy-m]   

      06.11.2017 | 16:26  

      Здравствуйте, Михаил. Спасибо за предложенный вариант. А как вы планируете мобильную версию?

    • Заказчик [domstroy-m]   

      06.11.2017 | 16:33  

      Изыскания в области строительства можно сократить просто на изыскания

    • Заказчик [domstroy-m]   

      06.11.2017 | 16:35  

      И если попробовать без иконок?

      • Михаил Картмазов   

        06.11.2017 | 17:58  

        Можно без иконок конечно, но тогда будет много сплошного текста что сделает поиск информации менее удобным. Так, человек практически не читая а смотря только на иконку может понять куда тыкнет а за несколько раз уже и запомнит и ему не придется читать :) 

        Мобильная – похожая структура, если вы не против, то я хотел бы ее представить в последнюю очередь а сначала определить десктоп

        • Заказчик [domstroy-m]   

          06.11.2017 | 18:57  

          Возможно вы правы

          • Михаил Картмазов   

            06.11.2017 | 23:15 обновлено 06.11.2017 | 23:20

            Тем менее, как говорится "хозяин – барин". 
            Если вы считаете что лучше без иконок – то можно всегда убрать. В мои обязанности в таком случае входит изменить и предупредить вас о плюсах и минусах изменений. 
            Конечное решение в любом случае за вами :) 

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

            • Заказчик [domstroy-m]   

              07.11.2017 | 13:36  

              skype: denizom

              • Михаил Картмазов   

                08.11.2017 | 22:18 обновлено 08.11.2017 | 22:54

                Добрый вечер!   
                Отправил заявку в скайпе, но что бы не ждать продублирую сюда.   
                   
                Я накидал некоторые варианты, залил на гугл-диск (Ограничения по размеру на FL).   
                drive.google.com/file/d/1...   
                   
                Сейчас 10 минут постараюсь объяснить выводы мобильные.  
                  
                UPD:  
                1) Немного ниже на счет иконок был диалог, тоже считаю что можно перерисовать иконки которые будут более очевидны для новых пользователей. (На всякий-всякий случай – отдельную плату за иконки просить не буду, это является моей инициативой и входит в поставленную задачу)
                  
                2) Мобильные: Лично меня пугала идея о том, что человеку придется долго скроллить страницу что бы найти нужную услугу. Опять-же, ему придется много скролить и читать каждый пункт что бы найти один бедный подпункт. Поэтому:   
                (некоторые варианты после мозгового штурма посчитал плохими, но на всякий не удалил, может сможем улучшить)  
                ------------------------------ ------------------------------ --- 
                2.1) "Мобильная 1" – я посчитал что он плохой. Идея была – просто перелистывать страницы-карточки влево и вправо. Но подумав понял что это будет не очевидно, и чтобы найти одну страницу человеку придется пролистать десяток карточек.  
                ------------------------------ ------------------------------ --- 
                2.2) "Мобильная 2" – Добавлена навигация по карточкам сверху. Просто скролятся иконки или карточки.  
                ------------------------------ ------------------------------ --- 
                2.3) "Мобильная 3.1" -Скролить многим будет не очевидно, нашел второй выход: подменю. Сценарий: Человек открывает страницу "Услуги" > Появляется список услуг > Человек выбирает нужную услугу и открывается страница. Далее (экран "Мобильная 3.3") Человек может вернутся обратно к списку.  
                2.4) "Мобильная 3.2" -Аналогичный сценарий но вместо больших иконок используем маленькие (либо обходимся без них). Теперь на один экран отобразится намного больше.  
                2.5) "Мобильная 3.3" – Экран контента-услуги. Добавляются кнопки "К списку услуг" по которым человек может снова вернутся к списку.  
                  
                На мой взгляд, последний алгоритм выходит успешным. Так человек сможет быстро найти услугу, ему не придется читать кучу информации и много скролить.  
                + тоже как и один из участников ниже считаю что для мобильной шапку можно перерисовать.

        • Евгений Иванов   

          07.11.2017 | 15:54  

          Тогда уж стоит подобрать иконки в тему, эти не отображают сути пункта

          • Михаил Картмазов   

            08.11.2017 | 00:23  

            Взяты с главной на сайте.
            Так то так если они уже используются – то их желательно и оставлять( люди привыкли); либо менять везде. 

            Но пока, задача редизайн страницы услуг

            • Евгений Иванов   

              08.11.2017 | 02:10  

              Я видел, что они есть на сайте. Там они подходят описанию. Ты можешь отрисовать в таком стиле иконки и будет хорошо

              • Михаил Картмазов   

                08.11.2017 | 22:24  

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

            • Заказчик [domstroy-m]   

              08.11.2017 | 22:26  

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

              • Евгений Иванов   

                08.11.2017 | 22:44  

                Это не к вашему сайту относится, а именно к макету Михаила.
                Открыты ли вы к новым идеям или уже определились? Завтра вам свой вариант пришлю, если есть резон :)

                • Заказчик [domstroy-m]   

                  08.11.2017 | 23:25  

                  Конечно присылайте. Ваша может быть оригинальнее

                  • Евгений Иванов   

                    09.11.2017 | 14:28  

                    Добрый день, пришлите пожалуйста вашу почту, свой вариант отправлю туда, если вы не против.

              • Михаил Картмазов   

                08.11.2017 | 22:48  

                Есть! Перезалил на диске версию, добавил подписи и соответственно добавил названия экранов в описание выше

  • Евгения Каботова  

    06.11.2017 | 15:52
    +

    • Заказчик [domstroy-m]   

      10.11.2017 | 10:02  

      Здравствуйте, вы представите свой вариант?

  • Raz Martirosyan  

    06.11.2017 | 18:10
    +

  • Илья Першин  

    06.11.2017 | 18:13 обновлено: 06.11 2017 | 19:00
    Здравствуйте, еще нет победителя?
    • Добавлено 06.11.2017 в 18:36
      Редизайн страницы - фото 4
    • Добавлено 06.11.2017 в 18:24
      Редизайн страницы - фото 5
    • Добавлено 06.11.2017 в 19:00
      Редизайн страницы - фото 6

    • Заказчик [domstroy-m]   

      06.11.2017 | 18:56 обновлено 06.11.2017 | 18:57

      Здравствуйте. Победителя еще нет.

      • Илья Першин   

        07.11.2017 | 07:46  

        Готов обсудить мои варианты дизайна.

        • Заказчик [domstroy-m]   

          08.11.2017 | 22:28  

          Здравствуйте, ваши варианты хороши, но хотелось бы что то более оригинального и простого

  • Артем Филиппов  

    06.11.2017 | 21:36
     Доброго времени суток! Сделал компактный, удобный макет.

    Это распространенная схема, проверенная временем: 1) Есть сама рабочая область с боковым стандартным меню, которое при желании можно скрыть. Никаких лишних скролов в блоке с информацией, что значительно облегчит клиенту жизнь. 2) При наведение на пункт во вторичном меню, сверху, вылезает маленький, привычный для пользователя, блок с подпунктами. 3) Как и говорилось в 1 пункте, боковое меню можно скрыть. При этом основная информация заполняет все пространство блока.

    Такая схема очень компактна и привычна для обычного пользователя. Клиент не будет ломать голову, разгадывая головоломку, ему проще найти информацию, если он уже знает как ее найти.
    • Добавлено 06.11.2017 в 21:36
      Редизайн страницы - фото 7
    • Добавлено 06.11.2017 в 21:36
      Редизайн страницы - фото 8
    • Добавлено 06.11.2017 в 21:36
      Редизайн страницы - фото 9

    • Заказчик [domstroy-m]   

      07.11.2017 | 06:08  

      Здравствуйте, представленные варианты нравятся, они функциональны. Есть несколько вопросов: 1) представлена ли здесь мобильная версия? 2) можно ли эти варианты предоставить в стилистике и цветовых решениях сайта?

  • Alex Pas  

    06.11.2017 | 23:59
    +

    • Заказчик [domstroy-m]   

      10.11.2017 | 10:02  

      Здравствуйте, вы представите свой вариант?

      • Alex Pas   

        10.11.2017 | 13:15  

        Добрый день. Да ,  от меня будет вариант дизайна.

  • Юлия Федоровская  

    07.11.2017 | 00:21 обновлено: 09.11 2017 | 13:55
    Добрый вечер. 

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

    Шрифты и цвета взяты с действующего сайта, я бы заменила иконки услуг на главной странице и шрифты.
    • Добавлено 07.11.2017 в 18:26
      Редизайн страницы - фото 10
    • Добавлено 07.11.2017 в 18:26
      Редизайн страницы - фото 11
    • Добавлено 07.11.2017 в 18:26
      Редизайн страницы - фото 12
    • Добавлено 07.11.2017 в 18:26
      Редизайн страницы - фото 13
    • Добавлено 08.11.2017 в 19:04
      Редизайн страницы - фото 14
    • Добавлено 09.11.2017 в 13:54
      Редизайн страницы - фото 15
    • Добавлено 09.11.2017 в 13:54
      Редизайн страницы - фото 16
    • Добавлено 09.11.2017 в 13:54
      Редизайн страницы - фото 17
    • Добавлено 09.11.2017 в 13:55
      Редизайн страницы - фото 18
    • Добавлено 09.11.2017 в 13:54
      Редизайн страницы - фото 19

    • Заказчик [domstroy-m]   

      07.11.2017 | 20:56  

      Здравствуйте, модель хорошая. Не пойму только почему основное меню внизу под текстом?

      • Юлия Федоровская   

        07.11.2017 | 21:53 обновлено 08.11.2017 | 14:17

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

    • Заказчик [domstroy-m]   

      07.11.2017 | 20:57  

      А внизу синим цветом это концепция меню?

      • Юлия Федоровская   

        07.11.2017 | 21:55  

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

        • Заказчик [domstroy-m]   

          08.11.2017 | 05:22  

          Да, согласен. Мобильная версия выглядит хорошо, а десктоп?

          • Юлия Федоровская   

            08.11.2017 | 19:07 обновлено 08.11.2017 | 19:08

            Добрый вечер.

            Добавила два варианта страниц, первый вариант, когда на странице Услуги горизонтальное меню с подразделами и вертикальное с соответствующими услугами. Второй вариант, когда меню выпадает при клике на пункт меню Услуги.

            • Заказчик [domstroy-m]   

              08.11.2017 | 22:36  

              Здравствуйте, спасибо. Весьма неплохо. Первый вариант неплохой, можно поработать над ним

              • Юлия Федоровская   

                08.11.2017 | 23:23  

                Спасибо. Не могли бы вы конкретнее описать над чем необходимо поработать, что вам не нравится?

                • Заказчик [domstroy-m]   

                  08.11.2017 | 23:31  

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

                  • Юлия Федоровская   

                    08.11.2017 | 23:48  

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

                    • Заказчик [domstroy-m]   

                      08.11.2017 | 23:54  

                      Подзаголовки, таблицы, картинки

                      • Юлия Федоровская   

                        09.11.2017 | 00:20 обновлено 09.11.2017 | 00:21

                        Сейчас на сайте при клике на пункт Услуги открывается страница с информацией о первой услуге из подраздела Проектирование, я правильно понимаю, что вы не хотите это менять? (речь идет о структуре)

                        • Заказчик [domstroy-m]   

                          09.11.2017 | 07:55  

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

                          • Юлия Федоровская   

                            09.11.2017 | 13:59 обновлено 09.11.2017 | 13:59

                            Добрый день.  
                             
                            Добавила доработанную версию для десктопа (варианты, которые не понравились удалила, чтобы не мешались). На 6-8 изображениях наглядно представлено как будет выглядеть контент при скролле (видимая часть), 9-е изображение – то, как выглядит контент целиком, 10-е – мобильная версия с новым контентом.

  • Константин Золотовъ  

    07.11.2017 | 06:18
    +

    • Заказчик [domstroy-m]   

      10.11.2017 | 10:02  

      Здравствуйте, вы представите свой вариант?

  • Артур Ермолаев  

    07.11.2017 | 10:39
    +

    • Заказчик [domstroy-m]   

      10.11.2017 | 10:02  

      Здравствуйте, вы представите свой вариант?

  • Левас Малдеровски  

    08.11.2017 | 18:57
    +

  • Евгений Иванов  

    09.11.2017 | 21:39 обновлено: 11.11 2017 | 01:06
    Мой вариант yadi.sk/i/q3GPaLVZ3PZJNm (fl.ru не смог большой файл обработать, закинул на яндекс.диск)

    Десктоп версия:
    Учёл все ваши пожелания по юзабилити, в итоге пришёл к выпадающему меню. Такое решение позволит снизить количество кликов до одного, что хорошо скажется на конверсионной составляющей, ведь чем меньше кликов, тем больше целевых действий. 

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

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

    Спасибо за внимание, надеюсь на наше с вами сотрудничество.
    Имеется ещё пару интересных идей для вашего сайта, которые можно обсудить вне конкурса.
    • Добавлено 11.11.2017 в 01:06
      Редизайн страницы - фото 20
    • Добавлено 11.11.2017 в 01:06
      Редизайн страницы - фото 21
    • Добавлено 11.11.2017 в 01:06
      Редизайн страницы - фото 22

    • Заказчик [domstroy-m]   

      10.11.2017 | 10:06  

      Здравствуйте, варианты очень интересные. Мой скайп denizom, можете пару вариантов еще прислать

      • Евгений Иванов   

        11.11.2017 | 01:08  

        Добавил итоговые результаты. 
        1)Мой доработанный вариант.
        2)Ваше решение.
        3)Доработка вашей идеи выпадающим меню.

    • Юлия Федоровская   

      10.11.2017 | 15:06  

      Т.е. все "карточки" в мобильной версии будут физически находиться на одной странице?

      • Евгений Иванов   

        10.11.2017 | 15:38  

        Да, либо если производительность упадёт, можно сделать их как обманки, а нажатие на те карточки или свайп будут переводить на другую страницу с такой категорией, но другой карточкой. Но какой девайс в наше время не потянет обычный слайдер?!

        • Юлия Федоровская   

          10.11.2017 | 16:08 обновлено 10.11.2017 | 16:11

          Дело не в том, что"девайс не потянет обычный сдайдер", а в том, что в десктопной версии, каждая статья (Разработка проектной документации, разработка рабочей документации и далее по списку) это отдельная страница и соответственно в мобильной версии должно быть точно также, это адаптивный сайт. 
           
          И если каждый раз при свайпе будет загружаться соответствующая страница это будет жесть.

          • Евгений Иванов   

            10.11.2017 | 17:10  

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

            • Юлия Федоровская   

              10.11.2017 | 19:30 обновлено 10.11.2017 | 19:39

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

              • Евгений Иванов   

                10.11.2017 | 23:00 обновлено 10.11.2017 | 23:02

                Там по 4 пункта в каждом, перелистнуть их не так долго же о_0 
                "Свайп или тап" ни о чём не говорит? Джаваскрипт в помощь, "слистывать" без дозагрузки можно.
                Вы пытаетесь мой вариант работы в яму бросить, но находятся ответы на ваши вопросы, зачем эти споры?
                Слайдер при любой погоде в помощь.

                • Юлия Федоровская   

                  11.11.2017 | 00:01 обновлено 11.11.2017 | 00:03

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

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

                • Юлия Федоровская   

                  11.11.2017 | 00:12  

                  И я ни слова против о дизайне вашей работы не сказала, у меня вопрос в реализации функционала и я его задала.

                  • Евгений Иванов   

                    11.11.2017 | 01:22 обновлено 11.11.2017 | 01:29

                    Хахах, можно вашу ссылку на вконтакте, у меня к вам деловое предложение :) 
                    Удалите коммент после моего добавления, если не хотите ссылку всем раздавать
                    И да, я вас понял. Такой функционал можно реализовать тапами на мобилке или сохранением карточек услуг в одной категории на декстопе, что в принципе реализуемо в моём варианте. Спасибо за вопрос :)
                    А насчёт дизайна тут у всех +- похоже, интересную задачку подкинул заказчик

                  • Евгений Иванов   

                    11.11.2017 | 01:44  

                    Так же можно в мобилку всунуть полноценное меню из моего первого варианта, т.е "аккардеон" меню такое, в принципе я ответил на ваш вопрос, думаю. Надеюсь, что мы пришли к какому-то выводу.

  • Дмитрий Онисимчук  

    10.11.2017 | 10:12
    +

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

Продолжая пользоваться сайтом, вы соглашаетесь с условиями использования файлов cookie