Заказ закрыт
Разработать дизайн на основе прототипа лендинга

Бюджет: 15 000 руб
Победители конкурса
2 место: победитель не выбран
3 место: победитель не выбран
Добрый день, уважаемые дизайнеры.   Дата окончания конкурса 14.10.2016

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

Победитель будет выбираться по предложенному варианту оформления страницы.
Верстаться будет для системы дистанционного обучения CMS Moodle

Ютуб канал человека услуги которого рекламирует лендинг  www.youtube.com/user/devi...

В приложении подробный прототип по созданию лендинга.  Цвет, все что сочетается с жёлтым

Буду рад ответить на все Ваши вопросы. .  
Всем удачи. Надеюсь на плодотворное сотрудничество
Опубликован 09.09.2016 в 22:19 Последнее изменение: 09.10.2016 в 09:42

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

  • Денис Терехов  

    09.09.2016 | 23:42 обновлено: 13.10 2016 | 11:24
    надеюсь ничего не забыл
    макет в 100 процентном качестве положу себе в профайл, потому что сюда не помещается по размеру
    • Добавлено 13.10.2016 в 11:24
      Разработать дизайн на основе прототипа лендинга - фото 1
    • Денис Терехов   

      09.09.2016 | 23:43  

      Предполагается студийное фото Оксаны Васильевой. Где его взять?

      • Сергей Васильев   

        10.09.2016 | 07:35  

        Фото могу сделать. Буду благодарен если пришлете образец фото любой девушки, для образца. Сделаю похожее для сайта.

        • Денис Терехов   

          05.10.2016 | 21:26  

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

          • Сергей Васильев   

            05.10.2016 | 22:39  

            Написать имеете ввиду что скоро конкурс кончаеться ))

    • Сергей Васильев   

      13.10.2016 | 16:01  

      Мне понравилось !

    • Сергей Васильев   

      13.10.2016 | 23:55  

      Свяжитесь со мной пожалуйста.

  • Алексей Зорин  

    10.09.2016 | 07:26 обновлено: 08.10 2016 | 19:12
    Ответ от заблокированного пользователя
    • Сергей Васильев   

      05.10.2016 | 22:40  

      Конкурс подходит к концу !!!

      • Алексей Зорин   

        08.10.2016 | 19:13  

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

    • Сергей Васильев   

      08.10.2016 | 22:00 обновлено 08.10.2016 | 22:11

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

  • Artem Pavlukhin  

    10.09.2016 | 22:40
    +++
  • Здравствуйте, Сергей!
    Как я поняла из комментариев, цвета должны быть пастельными, а логотип?
    Готова приступить к созданию LandingPage.
    Картинки и фото загружу из интернета.
    Всегда на связи.
    С уважением, Ирина
    • Сергей Васильев   

      12.09.2016 | 08:45  

      Ирина здравствуйте, Логотип состоит из двух букв "YO", специальной смысловой нагрузки нет, можно читать по разному напимер "УОксаны", "Учреждение Образования" можно из молодежного "ЙО" – значение сдорого, хорошо, круто

  • Ровный Владимир  

    12.09.2016 | 08:38
    Здравствуйте, 
    Команда специалистов выполнит работу очень быстро и качественно.
    Портфолио: toppromotion.ru/offer_lan...
    Срок разработки дизайна   5 дней, затем обсуждаем и дорабатываем.
    Доработка пока вам понравится на 100%.
    Предлагаем вам бесплатную консультацию по  вашему проекту. Мы сможем уточнить тз, либо сделать его совместно с вами, выяснить все технические моменты, на которые вам нужно обратить внимание при выборе дизайнера.
    Skype:  TOPPROMOTION.RU (official)
    +74951090836, fl@toppromotion.ru
    Оставьте свой скайп или телефон, и мы с вами свяжемся для обсуждения всех деталей.
  • Se An  

    13.09.2016 | 10:03
    +
  • Марина Воробьева  

    16.09.2016 | 07:50
    Ответ от заблокированного пользователя
  • Пётр Елманов  

    20.09.2016 | 15:25 обновлено: 09.10 2016 | 21:04
    +
    • Добавлено 09.10.2016 в 21:04
      Разработать дизайн на основе прототипа лендинга - фото 2
    • Сергей Васильев   

      05.10.2016 | 22:41  

      Конкурс подходит к концу !!!

    • Сергей Васильев   

      11.10.2016 | 08:16  

      Спасибо и вы отошли от прототипа. В целом понятно.

      • Денис Терехов   

        11.10.2016 | 14:48  

        а где тут не по прототипу? в преимуществах на второй странице?

        • Сергей Васильев   

          11.10.2016 | 15:39 обновлено 11.10.2016 | 15:42

          Блок 1 там не должно быт кнопок выбора языка, а они в блоке 2.  
          Блок 3, Важная новость должна быть выделена, а в нашем случае она не выделена
          Блок 5 по проекту должны быть фоновые рисунки подчеркивающие преимущества 
          Блок 6 там нет упоминаний о необходимости иконок 
           
          Дальше я проверять просто не стану ;)

          • Денис Терехов   

            11.10.2016 | 17:55  

            Ну в мелочах мы все так или иначе отойдем от прототипа. доработаете потом с победителем за пару часов

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

            Даже если сделать все очень точно вы и сами потом отойдете от прототипа уже во время эксплуатации сайта

            • Сергей Васильев   

              11.10.2016 | 18:41 обновлено 11.10.2016 | 18:47

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

              • Марина Воробьева   

                13.10.2016 | 07:35  

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

                • Сергей Васильев   

                  13.10.2016 | 08:34 обновлено 13.10.2016 | 08:35

                  Как я уже  устал от школьников!!!  
                  Если будете делать так как считаете нужным то делайте так себе. Мне нужна работа в соответствии с проектом. И  не нужно мне диктовать условия и объяснять смыслы конкурса !!! Кто не согласен прошу в школу. Тут работа по серьезному для серьезных людей.

          • Алексей Зорин   

            11.10.2016 | 18:18  

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

            • Сергей Васильев   

              11.10.2016 | 18:37 обновлено 11.10.2016 | 18:50

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

  • Андрей Кузнецов  

    09.10.2016 | 00:34 обновлено: 13.10 2016 | 21:51
    Вот мое видение лендинга школы немецкого языка Оксаны Васильевой по приложенном прототипу. 
    Ссылка полной скрина проекта( Файл в два раза превышает возможно допустимый размер): 
    drive.google.com/open?id=...

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

    1. Контактная информация 
    Первый блок с важной контактной информацией содержит весь функционал прототипа, но в связи с тем что акцент необходимо сделать на главный призыв к действию(записаться на занятие) сделан приглушенно. 
    2. Шапка сайта(header) 
    Шапка содержит выделенный логотип. Плюс навигацию и выбор языка. Фон прозрачен. При прокрутке модуль сжимается, а фон приобретает цвет 1 блока. 
    3. Важная новость 
    Третий блок вызвал вопрос, но так его не долго создавать решил его отложить, до утверждения макета в целом. 
    4. Hero-header 
    Сделан достаточно темным, что бы привлечь внимание к лозунгу Оксаны и призыва к действию 
    Внимание!!!Фото нужно заменить подобным постановочным, что бы показать Оксану с делового ракурса. слегка задумчивой, что подчеркивает серьезность. Но в жилом интерьере для придания фотографии реалистичности, а образу Оксаны живости. 
    5. Серьезный блок 
    Этот модуль согласно прототипу сделан с фото на подложке подчеркивающим контекст но у меня предложение фото сделать только под описание, а под заголовок положить темный фон для удобного чтения. 
    6. Удобный формат 
    Чтобы разделить два блока образовательных услуг я использовал концепцию пустого пространства, согласно которой отсутствие элементов отдаляет блоки сильнее видимых разделителей. 
    7. Таблица 
    Зная что таблица будет расширяться, я сознательно сделал границы только на внутренних участках ячеек, что бы разделить их, но не вгонять таблицу узкие рамки. 
    8. Базовые курсы 
    В этом модуле я был вынужден отступить от прототипа. Как и в нем курсы располагаются в форме карточек со слайдером, но вместо того что бы писать в каждой карточке периодичность выплат(N в месяц), я вынес периодичность под заголовком модуля, что бы сэкономить место, оставив – N. 
    9. Мини-курсы 
    Этот модуль я сделал подобно 8, но изменив цвет с синего,спокойного и вдумчивого, на зеленый, более озорной и жизнерадостный, подчеркнув тем самым разность значения этих модулей.
    • Добавлено 13.10.2016 в 21:49
      Разработать дизайн на основе прототипа лендинга - фото 3
    • Сергей Васильев   

      09.10.2016 | 09:19  

      День добрый, прием рабор я изменил до 14 числа. Обьявление победителей 15 числа. За прототип спасибо разработчику. Имя его указанно в прототипе !!

      • Андрей Кузнецов   

        09.10.2016 | 16:21  

        Спасибо. Приступил к работе. Я видел имя, но мало кто понимает необходимость проектирования.

    • Андрей Кузнецов   

      13.10.2016 | 21:50  

      10. Тренинги 
      Тут я тоже счел уместным отступить от прототипа, изменив ссылку "Скачать тренинг" на кнопку "Приобрести", считая это более логичным с точки зрения пользователя, ведь в начале индивидуальные занятия нельзя скачать, а они составляют часть тренинга. 
      11. Промо-модуль 
      Он привлекает пользователя сначала призыву к действия, а затем уже к плюсам подписки. Для того что бы он удостоверился, что это только подписка и она не к чему не обзывает, но дает определенные привилегии, которые в будущем могут ему пригодиться. Это очень действенный метод для привлечения подписчиков, ведь таким образом вы получаете возможность напомнить им о вашем спецпредложении позже, не навязывая его. 
      12. Бесплатные курсы 
      В модуле подчеркивается названия курсов с кратким описание, не создавая акцента тематическую фотографию. 
      13(11). Подбор курса 
      Здесь как и в остальных блоках акцентируется призыв к действию, провоцируя посетителя на обратную связь. 
      14(12). Отзывы 
      В отзывах я не создавал явного
      акцента на какое-либо действия, все зависит от самого пользователя. 
      Если его волнует количество отзывов – он бегло пробежится по видимым и нажмет "Еще отзывы". 
      Если волнует их достоверность – откроет страницы соц.сетей или видеозаписи отзывов. 
      Если их содержание – прочитает сами отзывы и опять же чтобы удостовериться просмотрит видеозаписи или обратится к соц.сетям. 
      15(13). Мотивации 
      В этом блоке появляются первые иконки. Для их наглядности я выбрал стиль flat. Цветные плоские иконки подходят как нельзя лучше в качестве сопровождающей иллюстрацией, донося тем самым основную мысль преимущества. Если иконки создают необходимые ассоциации для пользователей, я из отрисую и переведу в вектор. 
      16(14). Сертификаты 
      В этом модуле возникли трудности тк, я не знал какие именно будут сертификаты, поэтому решил расположить самым нейтральным образом, что бы при необходимости оформить модуль в соответствии с оригинальными бумагами. 
      17(15). Об авторе 
      При описании автора я использовал иконки того же стиля что и в блоке 15(13), создавая тем самым преемственность этих модулей и вызывая у пользователей ассоциацию (Преимущества – Оксана Васильева). В слайдере из фотографий я предусмотрел пять фотографий, но при необходимости можно будет добавить еще. Что бы пользователь узнал о возможности скрола фотографий движением курсора, необходимо при наведении менять его вид на двухстороннюю горизонтальную стрелку. 
      18(16). Видео блог 
      Этот блок является последним из акцентных, призывая ознакомиться с содержание ютуб канала через направленное усиление фона. 
      19(17). Контакты 
      Этот блок оформлен симметрично первому, то есть в приглушенных тонах с одним явным призывом к действию, тем самым напоминая о начале лендинга, проделанном пользователем пути, создавая у него мотивацию заказать консультацию, таким образом оправдать потраченное время.

      • Сергей Васильев   

        13.10.2016 | 23:33  

        Андрей спасибо Вам за работу , что переслали. Я посмотрел еще и другие ваши работы. У Вас свой стиль, уникальный стиль. К сожалению Оксана сказала, что она себя не ассоциирует с таким стилем. Видно работу Вы проделали большую и серьезно отнеслись. Большое Вам спасибо за старания.

  • Алексанрд Головко  

    12.10.2016 | 11:10 обновлено: 13.10 2016 | 18:07
    Прошу прощения что лишь часть. Весь макет на другом компе
    • Добавлено 13.10.2016 в 18:07
      Разработать дизайн на основе прототипа лендинга - фото 4