Поделиться:

Проект закрыт Дизайн сайта tinode.co

orelse
Бюджет: 10 000 ₽
[orelse] [29.08.2019 | 10:42] [внесены изменения: 10.09.2019 | 15:23]
Зарегистрирован на сайте 3 года и 5 месяцев
Безопасных сделок: 0
Отзывы фрилансеров: + 0 0 - 0
Это же описание в удобно-читаемом виде: docs.google.com/document/...

О ПРОЕКТЕ

Tinode – мессенджер с открытым исходным кодом, что-то вроде WhatsApp или Telegram, но бесплатно и весь исходный код доступен.
github.com/tinode/chat

ЗАДАНИЕ

Обновление дизайна сайта tinode-1000.web.app/ (постоянный адрес tinode.co/, сейчас там ничего нет).
 
* Дизайн главной страницы
* Шаблон остальных страниц сайта.
* Шаблон страниц ошибок 404

ТРЕБОВАНИЯ / ПОЖЕЛАНИЯ

* Максимально используйте цвета приложения web.tinode.co (логин-пароль: alice-alice123, bob-bob123)
* Используйте только шрифты, доступные в fonts.google.com/
* Используйте существующий логотип. Возможно, мы его переделаем, но не прямо сейчас.

В случае, если нужно текстовое наполнение, используйте то, что уже есть на сайте tinode-1000.web.app/  или lorem ipsum с пояснением того, что там должно быть.

Если пожелаете использовать скриншоты приложения, в хроме или без, то просто вставьте болванку, мы сделаем скриншот сами и поменяем. Если скриншот в хроме, то ставьте болванку в хроме (хром – изображение самого устройства, а не изображение только экрана). Графику для болванок можно брать с github.com/tinode/chat. Изображения всевозможных устройств тут mockupho ne.com

Верстка НЕ нужна.

Примеры тематически схожих сайтов:
rocket.chat/
www.whatsapp.com/
www.opengarden.com/firech...
mattermost.com/
emclient.com/
www.getmailbird.com/
www.hiri.com/
www.spikenow.com/
www.thunderbird.net/en-US...

ПРИЕМ ДИЗАЙНА

* Адаптивный дизайн: 
  – десктопная версия
  – мобильная версия
* Определено поведение элементов при растяжении экрана (фиксированная ширина, изменяемая ширина, привязка элементов друг к другу и к краям экрана).
* Указаны размеры и положение всех элементов в поинтах (points). 
* Отрисованы примеры элементов дизайна в активных (::hover), неактивных,  недоступных (disabled) состояниях.
* Наличие отрисовки активных состояний элементов (выпадающие списки, фильтры и тп).
* Описание источников всей использованной графики. Лицензии на коммерческое использование (графика с github.com/tinode/chat не требует лицензии). Можно использовать графику с unsplash.com и c www.pexels.com, но при этом убедитесь, что лицензия позволяет коммерческое использование и указывайте ссылку на страницу, откуда скачали графику.
* Создан ui-kit дизайна, в который входит: 
  – цвета проекта
  – список использованных шрифтов проекта: название, вес в единицах, размер в поинтах
  – таблица представлений стандартных элементов (обычный текст, заголовки H1-H4, нумерованные и ненумерованные списки): шрифт, 
  – размер, вес, декораторы/преобразования, цвет.
  – цвета и декорации ссылок: не посещенная, мышь поверх ссылки, при нажатии, посещенная.
  – поведение кнопок, если есть кнопки (первичная, вторичная, неактивная, при нажатии, мышь поверх кнопки)
  – поведение иных активных элементов UI, использованных в дизайне (меню, слайдеры, табы, селекторы и т.п.)
  – дизайн сообщений об ошибках ввода: где показывать, как показывать, текст + иконка или только текст или только иконка.
Разделы:
Конкурс

Участники

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

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

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

Конкурс длился с 29.08.2019 до 12.09.2019

Победители объявлены

Первое место занял
Al­la Du­den­ko­va [S­la­vuj]

Второе место занял
Игорь Иван­чен­ко [igor­-­ivan­chen­ko]

Третье место занял
S­we­et­Pep­pe­rino

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

  • bestprez

    [bestprez]   [29.08.2019 | 12:40]

    +
  • Alexey-Kirov

      [Alexey-Kirov]   [29.08.2019 | 17:19]

    +
  • jonnysta

    [jonnysta]   [10.09.2019 | 21:31]

    • Добавлено 10.09.2019 в 21:31
      f_5945d77ebe6a4868.png
  • Qbuk

    [Qbuk]  [31.08.2019 | 01:13] [внесены изменения: 31.08 2019 | 01:16]

    Здравствуйте как вам такой набросок главной страницы ?
    • Добавлено 31.08.2019 в 01:16
      f_1405d69a03087a8d.jpg
    • orelse

      [orelse]   [31.08.2019 | 09:48]  

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

  • Slavuj

    Alla Dudenkova [Slavuj]  [31.08.2019 | 16:46] [внесены изменения: 11.09 2019 | 13:32]

    Буду рада получить обратную связь
    • Добавлено 31.08.2019 в 16:46
      f_1725d6a7a1384dbf.jpg
    • Добавлено 04.09.2019 в 21:33
      f_4845d700377ed691.jpg
    • Добавлено 11.09.2019 в 13:32
      f_7565d78cd4418c52.jpg
    • orelse

      [orelse]   [31.08.2019 | 16:56]  

      О! Неплохо. Скорее мобильная версия а не десктоп, скриншоты слишком бледные на общем фоне и тень под ними выглядит как запачканный экран, но в целом это движение в правильном направлении.

      • Slavuj

        Alla Dudenkova [Slavuj]   [31.08.2019 | 16:57]  

        Спасибо, значит буду продолжать

        • orelse

          [orelse]   [31.08.2019 | 17:05]  

          И название, и лого, и верхняя навигация незаметны (футер – ок). Все-таки людям нужно знать название сайта + функционал имеет значение :).

    • orelse

      [orelse]   [05.09.2019 | 09:32]  

      Очень хорошо, почти отлично.

      1. Мобильный – очень хорошо, пойдет. 

      2. Десктопный дизайн почти отлично, но вызывает ассоциации с далматинцем и с оформлением кафе Му-Му, только цветной. Попробуйте растянуть верхнее цветное пятно на всю ширину страницы и сделать хедер (горизонтальную полоску с логотипом и меню) чуть другого оттенка. Игорь Иванченко [igor-ivanchenko] доработал вашу идею и у него эта часть получилась чуть лучше (сейчас он свой дизайн убрал).
      Так как вы делаете скриншоты в аксонометрической проекции, то вам надо будет рассказать нам как вы их делаете и где берете вайрфреймы устройств. Нам надо будет обновлять дизайн, соответственно, мы должны будем уметь делать такие картинки сами.

      3. Страница 404 так себе, на тройку. Не нужно использовать измененный логотип в 404.

      • igor-ivanchenko

        Игорь Иванченко [igor-ivanchenko]   [05.09.2019 | 10:14]  

        Почему Вы думаете, что я брал эту идею и дорабатывал ее? 😅 У меня же абсолютно все по-другому было, просто тоже использовались вытянутые формы)

        • orelse

          [orelse]   [05.09.2019 | 14:42]  

          Возможно, я и не прав, но все четверо моих коллег, кто видел ваш дизайн, сказали, что он основан на идее Аллы.

          • igor-ivanchenko

            Игорь Иванченко [igor-ivanchenko]   [05.09.2019 | 14:44]  

            Наверное, из-за цветов и форм) В любом случае, этот дизайн очень хорош, так что это скорее комплимент)

    • orelse

      [orelse]   [10.09.2019 | 09:48]  

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

      1) Шаблон остальных страниц сайта как указано в ТЗ.
      2) Подтверждение что мы получим от вас вайрфреймы устройств в векторном формате и что это вайрфреймы позволяют коммерческое использование.
      3) Инструкции о том, как создавать аксонометрические проекции скриншотов для включение в вайрфреймы и это не будет Фотошоп или иное ПО за $1000

      Спасибо.

      • orelse

        [orelse]   [10.09.2019 | 09:49]  

        Материалы нужно получить до 18 часов 11 сентября по московскому времени.

        • orelse

          [orelse]   [10.09.2019 | 15:29]  

          Оказывается, FL блокировал комментарии после окончания конкурса. Сейчас они разблокированы.

      • Slavuj

        Alla Dudenkova [Slavuj]   [11.09.2019 | 13:39] [изменен 11.09.2019 | 13:43]

        все файлы проекта в папке по ссылке   yadi.sk/d/2j3fqgrgCnUWqA 
        1) шаблоны остальных страниц в папке 
        2) в папке есть экспортированный вайрфрейм в формате пнг, все вайфреймы сделаны в ручную по растровым изображениям из примитивов (прямоугольник, эллипс) 
        3) по поводу аксонометрики, я создавала в фш, другого способа не знаю, поэтому я заменила все изометрические вайфреймы на неизометрические 
         
        В папке проекта все файлы с пометкой 1600 для декстопа, 320 для мобильных устройств. Есть юай кит/ тз/ описание проекта в файле пдф.  
        Если что-то забыла, дайте знать

        • orelse

          [orelse]   [11.09.2019 | 14:47]  

          Отлично, спасибо.

  • Artemichink

    Артемий Кузнецов [Artemichink]  [31.08.2019 | 22:33] [внесены изменения: 04.09 2019 | 17:35]

    +
    • Добавлено 04.09.2019 в 17:35
      f_2195d6fcba152dd4.png
    • Artemichink

      Артемий Кузнецов [Artemichink]   [04.09.2019 | 17:36]  

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

    • orelse

      [orelse]   [04.09.2019 | 17:52]  

      ОК, но если выбирать между этим дизайном и дизайном от Oleg Makarenko [datisleo] или от Alla Dudenkova [Slavuj], то у них лучше.
      Светящиеся символы выбиваются из стиля. Плоский дизайн. Бумажные аппликации. FAQ на первой странице не нужен. 
      Немного тяп-ляп и это заметно. Зачем футер дублирует шапку?

      • Artemichink

        Артемий Кузнецов [Artemichink]   [04.09.2019 | 18:43]  

        Под светящимися символами вы имеете ввиду элементы с тенью?

        • orelse

          [orelse]   [04.09.2019 | 19:03]  

          Оранжевые и темно-синие фигуры с glow.

  • vbelova979

    Ольга Глухова [vbelova979]  [01.09.2019 | 18:32] [внесены изменения: 01.09 2019 | 19:20]

    Прокомментируйте пожалуйста
    • Добавлено 01.09.2019 в 19:20
      f_4215d6befd73b298.jpg
    • orelse

      [orelse]   [01.09.2019 | 21:04]  

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

      • vbelova979

        Ольга Глухова [vbelova979]   [01.09.2019 | 21:49]  

        Спасибо, я Вас поняла

  • tupolev89rus
    • Добавлено 01.09.2019 в 20:15
      f_0595d6bfcc12f1b7.jpg
    • orelse

      [orelse]   [01.09.2019 | 21:07]  

      Очень схематично. Непонятно что просто набросок, а что оценивать как вариант, близкий к конечному. В любом случае, хуже, чем вариант от Alla Dudenkova [Slavuj]

  • vabishchevichan
    Добрый день, мне интересен проект. Прикрепляю свой вариант дизайна.
    • Добавлено 01.09.2019 в 22:40
      f_3765d6c1eac143ac.jpg
    • orelse

      [orelse]   [02.09.2019 | 09:22]  

      Цитирую ТЗ: "Максимально используйте цвета приложения web.tinode.co (логин-пароль: alice-alice123, bob-bob123)". Их реально на самом деле надо максимально использовать.

  • xdkomel

    [xdkomel]  [01.09.2019 | 22:42] [внесены изменения: 02.09 2019 | 20:51]

    Скажу честно, мне очень понравилась концепция проекта, идея, ТЗ. Было приятно, что у вас указаны нравящиеся вам сайты и предоставлена вся необходимая для работы информация. Поэтому я не мог не подойти к работе основательно. Я сделал сетку бутстрап на 12 столбцов и равнял по ней все элементы, сделал контент бокс на 1200px, потому что в одном из комментариев вы указали, что хотели бы большую ширину для контента. Первый слайд сделан на 100% высоты, так, чтобы кнопки скачивания в мобильных интернет магазинах приложений оказались бы внизу с отступом. Я придумал совместимую с большинством современных браузеров реализацию плавающих блюренных блоков на фоне (при скролле изменение их style:transform даст очень классный эффект параллакса, как у рокет чата, но возможно круче). Но видя какой серьезный отбор тут ведется среди участников, я не стал торопиться выкладывать мобильную версию сайта и дизайн сообщений об ошибках (а они несомненно нужны чтобы полноценно учавствовать в конкурсе). Хотелось бы услышать ваше мнение по поводу моего видения дизайна, чтобы я мог оперативно и уместно предложить вам оставшиеся коцепты.
    • Добавлено 01.09.2019 в 22:45
      f_5575d6c1fc30de89.png
    • Добавлено 02.09.2019 в 20:51
      f_1815d6d569f1eab1.png
    • orelse

      [orelse]   [02.09.2019 | 09:26]  

      Приложение у нас по больше части в стилистике бумажной аппликации – плоские однородные цвета без градиентов. Цвета светлые и несколько пастельные. Ваш дизайн ну никак не соответствует стилистике приложения. Вот просто скриншоты даже выглядят совершенно не к месту. Ваш дизайн и наше приложение – слишком разные. Если бы мы делали только для iOS, то да, было бы ОК.

      • xdkomel

        [xdkomel]   [02.09.2019 | 20:51]  

        Сделал светлым.

        • orelse

          [orelse]   [03.09.2019 | 07:00]  

          Процитирую свой предыдущий комментарий: "Цвета светлые и несколько пастельные. Ваш дизайн ну никак не соответствует стилистике приложения." Ваш дизайн серо-черный, не светлый и не радостный. Питер в ноябре.

  • NatZybova

    Natali Abizova [NatZybova]  [02.09.2019 | 14:32] [внесены изменения: 04.09 2019 | 22:55]

    Здравствуйте, у меня есть вопросы, которые помогут мне лучше понять ваш продукт. 
    1. Кто ваши клиенты? Опишите типичного клиента, как вы его себе представляете?
    2. Что должно быть важным для ваших клиентов?
    3. Вы предлагаете чат с открытым кодом т.е. в приложении можно менять функционал, как это происходит? 
    4. Для каких платформ ваше приложение? 
    5. Для чего вам нужен сайт? Какую задачу он должен решать?
    6. Почему люди должны пользоваться вашим приложением? 
    7. Что вы хотите изменить при помощи своего продукта?
    • Добавлено 04.09.2019 в 22:55
      f_6885d7016c4b2b0a.png
    • orelse

      [orelse]   [02.09.2019 | 18:25]  

      1. Малый бизнес. В основном Китай, Иран и Россия. Самый большой – такси-компания из Гонконга.
      2. Удобство интеграции
      3. Берут и адаптируют для своих нужд
      4. Потратьте 5 минут своего времени
      5. Рассказать клиентам что они могут получить за дополнительные деньги, а нам эти деньги заработать.
      6. Потому что им требуется тот функционал, который мы реализовали в приложении.
      7. Захватить мир.

    • orelse

      [orelse]   [05.09.2019 | 09:35]  

      Не нравится смешение стилей – скевоморфизм смешан с аппликацией. Выберите что-нибудь одно.
      Оранжевый текст на зеленом поле выглядит странно. Светло-зеленый текст на белом фоне тоже плохо читается.

      В целом ОК, но дизайн от Alla Dudenkova [Slavuj] выглядит лучше.

  • igor-ivanchenko

    Игорь Иванченко [igor-ivanchenko]  [02.09.2019 | 19:31] [внесены изменения: 06.09 2019 | 13:53]

    Обновил все, сделал 2 варианта главной страницы с разными размерами белых отступов. Так же к каждому из вариантов главного экрана по 2 варианта цвета (сверху оранжевый или синий)
    Дальше мобильная версия главного экрана. Опять же, если понравится больше, можно поменять местами оранжевый и синий.
    Дальше шаблоны в зависимости от разного наполнения страницы. Где-то могут быть фото, где-то больше текста, где-то меньше. Пусть лучше будет по-разному.
    404 сделал более цветной, можно даже сказать "детской". Как правило, так делают, чтобы не пугать посетителей сайта. Кстати, было бы хорошей идеей сделать эти облачка анимированными, чтобы они делали совсем небольшое движение.
    UI kit, как и просили. Все цвета и шрифты сделаны стилями, что делает их удобными в использовании, Header, Footer и кнопки сделаны компонентами, что так же ускоряет работу в следующем. Для всех ссылок сделаны ховеры и активный вид (они в группе, просто скрыты)
    • Добавлено 06.09.2019 в 13:49
      f_7055d7238a7ec88d.jpg
    • Добавлено 06.09.2019 в 13:49
      f_7655d7238a9f21b8.jpg
    • Добавлено 06.09.2019 в 13:49
      f_5025d7238ad49ed7.jpg
    • Добавлено 06.09.2019 в 13:49
      f_1155d7238b09acf2.jpg
    • Добавлено 06.09.2019 в 13:49
      f_4125d7238b357192.jpg
    • Добавлено 06.09.2019 в 13:49
      f_8505d7238b6890b1.jpg
    • Добавлено 06.09.2019 в 13:49
      f_8615d7238b916839.jpg
    • Добавлено 06.09.2019 в 13:49
      f_2655d7238bb12cf6.jpg
    • Добавлено 06.09.2019 в 13:49
      f_9185d7238bd80b1b.jpg
    • Добавлено 06.09.2019 в 13:49
      f_8565d7238c33aacb.jpg
    • orelse

      [orelse]   [04.09.2019 | 09:46]  

      Да, так неплохо, движение в правильном направлении.

      Не нравится смешение стилей – скевоморфизм смешан с аппликацией. Выберите что-нибудь одно.

      • orelse

        [orelse]   [04.09.2019 | 09:55]  

        Я бы, пожалуй, убрал людей.

        • igor-ivanchenko

          Игорь Иванченко [igor-ivanchenko]   [04.09.2019 | 10:12] [изменен 04.09.2019 | 10:12]

          спасибо, продолжу работу. Только у меня 2 вопроса по проекту. Поле Contact us ведет на гугл форму. Оно так и останется, либо ему тоже сделать дизайн? 
          И еще, не могу понять, как Вы представляете вкладку Developers. Что там должно быть?

          • orelse

            [orelse]   [04.09.2019 | 10:27]  

            Пока будет гугл-форма, потом сделаем страницу. Я в условия конкурса форму обратной связи не писал, соответственно, не могу просить ее сделать.

            В девелоперс будет страница со ссылками на документацию: tinode.github.io

            • igor-ivanchenko

              Игорь Иванченко [igor-ivanchenko]   [04.09.2019 | 10:35]  

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

              • orelse

                [orelse]   [04.09.2019 | 13:21]  

                Нужен один шаблон для остальных (кроме первой) страниц сайта. Шапка – тело – подвал.

                • syeferity

                  Надежда К [syeferity]   [04.09.2019 | 23:05]  

                  А какого рода будет контент на остальных страницах? Если контента немного, может, имеет смысл сделать сайт одностраничником с закрепленным меню для навигации по разделам? Или количество страниц точно разрастётся?

                  Еще такой вопрос: на нынешнем сайте вы используете шрифт Avenir. Его можно использовать в макете, или только из Google Fonts?

                  • orelse

                    [orelse]   [05.09.2019 | 14:35]  

                    Считайте, что на остальных страницах будет текст, как, например, тут: 
                    tinode-1000.web.app/terms...

                    Авенир есть в Гугл фонтс.

                    • igor-ivanchenko

                      Игорь Иванченко [igor-ivanchenko]   [06.09.2019 | 13:50]  

                      Обновил все варианты дизайна

                      • orelse

                        [orelse]   [06.09.2019 | 13:53]  

                        Хорошо, спасибо.

    • orelse

      [orelse]   [10.09.2019 | 09:51]  

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

      • orelse

        [orelse]   [10.09.2019 | 15:30]  

        Оказывается, FL блокировал комментарии после окончания конкурса. Сейчас они разблокированы.

      • igor-ivanchenko

        Игорь Иванченко [igor-ivanchenko]   [10.09.2019 | 20:16]  

        Здравствуйте! 
        Mockup устройств для главной страницы я брал на сайте, который указан в ТЗ. (mockuphone.com) Там все можно использовать без проблем.
        А на мобильной версии векторные изображения я сам рисовал, нигде не скачивал, так что, конечно, тоже можно использовать.
        Работа делалась в фигме, после конкурса сброшу ссылку с возможностью редактирования и файл .fig. Все удобно сгруппировано, с версткой проблем не будет.

        • orelse

          [orelse]   [10.09.2019 | 20:50]  

          Спасибо!

  • TimKey

    [TimKey]  [03.09.2019 | 16:22]

    +  
  • aaa710

    Евгений Ятманов [aaa710]  [03.09.2019 | 19:47] [внесены изменения: 06.09 2019 | 17:08]

    Здравствуйте, немного переделал. www.figma.com/proto/eFv1s...
    • Добавлено 06.09.2019 в 17:08
      f_0005d726815529ea.png
    • orelse

      [orelse]   [04.09.2019 | 09:49]  

      Да, в этом что-то есть. Логотип пока меня не надо. Очевидно, что детали не проработаны – все немного кривовато-косовато-не по центру, но в целом неплохо. Скриншот страницы гитхаба совсем не по делу.

      • aaa710

        Евгений Ятманов [aaa710]   [06.09.2019 | 17:08] [изменен 06.09.2019 | 17:09]

        Здравствуйте, спасибо за комментарий. Внес небольшие изменения.

        • orelse

          [orelse]   [07.09.2019 | 08:29]  

          Неплохо. Кратко, чисто. Мне нравится.

  • datisleo

    Oleg Makarenko [datisleo]  [03.09.2019 | 23:59] [внесены изменения: 05.09 2019 | 14:56]

    Здравствуйте, 
    Сделал лендингом, в секции 'Why Tinode?' и 'Tinode everywhere' надо будет написать текст. Так же vimeo.com/357590558 пример анимации чата на 1-м экране(еще думал мб по окончанию анимации чата добавить CTA кнопку типо 'Contact us')
    • Добавлено 03.09.2019 в 23:59
      f_4705d6ed248280e3.png
    • Добавлено 04.09.2019 в 12:08
      f_7015d6f7ef6c7d38.png
    • Добавлено 05.09.2019 в 14:56
      f_2385d70f7e30d131.png
    • orelse

      [orelse]   [04.09.2019 | 09:53]  

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

      • datisleo

        Oleg Makarenko [datisleo]   [04.09.2019 | 10:14]  

        можно сделать конечно в одном цвете, но я старался сделать что бы каждая секция выделялась, то есть что бы была акцентированная информация

        • orelse

          [orelse]   [04.09.2019 | 10:26]  

          Нет, в одном цвете не надо, будет не интересно. Более корпоративно, чем идея от Slavuj и ее развитие от igor-ivanchenko, но это нормально. 

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

          • datisleo

            Oleg Makarenko [datisleo]   [04.09.2019 | 10:53]  

            Из статистики которую я смотрел, обычно надо где то 5 секунд что бы пользователь понял интересен ему сайт или нет, так же некоторые дальше 1-го экрана могут даж не скролить если их он не заинтересовал, из-за этого у меня и была задумка с анимированым чатом в который был бы написан скажем так какой то сценарий в котором пользователю были донесены основные месседжи, то есть по сути на 1-м экране он получал бы почти всю основную информацию о приложении (если так делать то я думаю что там надо будет добавить CTA кнопку 'Contact us', что бы клиент мог прост с 1-го экрана сделать по сути все действия скачать или связаться с вами)

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

          • datisleo

            Oleg Makarenko [datisleo]   [04.09.2019 | 12:12]  

            upd.: добавил еще 1 пример работы, там я изменил секцию 'Why Tinode?', задумка что на этом мокапе телефона будет анимация которая будет показывать как пользоваться приложением или что то в этом роде (думаю какие то преимущества мб что бы были показаны)

            • orelse

              [orelse]   [04.09.2019 | 12:51]  

              Проблема с анимацией в том, что ее тяжело поддерживать. Приложение меняется, а анимацию сложно переделывать.

              • datisleo

                Oleg Makarenko [datisleo]   [04.09.2019 | 13:00]  

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

    • orelse

      [orelse]   [05.09.2019 | 15:03]  

      404 – ОК, не интересно, но сойдет. Потом заменим.

  • Jester_FL

    Ян Ноак [Jester_FL]  [04.09.2019 | 09:37] [внесены изменения: 05.09 2019 | 10:07]

    Вариант главной страницы с активными элементами. Если задумка понравится, дайте знать: сделаю остальную часть работы.
    • Добавлено 05.09.2019 в 10:02
      f_7655d70b2e8c22d3.png
    • orelse

      [orelse]   [05.09.2019 | 14:40]  

      Интересная идея, нравится.  

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

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

  • aallyaannii

    Алёна Аникушина [aallyaannii]  [05.09.2019 | 17:25] [внесены изменения: 06.09 2019 | 22:56]

    Здравствуйте! 

    Предлагаю Вашему вниманию мой дизайн-концепт сайта (homepage). Цвета, шрифт, формы, стиль взяты за основу из приложения и логотипа. По пикчам, лицензям – все ок. Реализация – Фигма (стили, компоненты). 

    Спасибо за необычный конкурс, подробное описание и четко поставленные задачи! Понравился. Успехов в развитии проекта ;) .

    P.S. Работы обновлены и добавлены.
    • Добавлено 05.09.2019 в 17:25
      f_2555d711a8d05947.jpg
    • Добавлено 06.09.2019 в 22:39
      f_9645d72b4ddbb76e.jpg
    • Добавлено 06.09.2019 в 22:39
      f_9465d72b4ea6ab69.jpg
    • Добавлено 06.09.2019 в 22:39
      f_3355d72b4ff27bbb.jpg
    • Добавлено 06.09.2019 в 22:39
      f_9145d72b5d6dddc9.jpg
    • Добавлено 06.09.2019 в 22:39
      f_3905d72b5dc279c2.jpg
    • Добавлено 06.09.2019 в 22:39
      f_3865d72b5e3eb456.jpg
    • Добавлено 06.09.2019 в 22:51
      f_6485d72b8bb72a30.jpg
    • orelse

      [orelse]   [05.09.2019 | 17:32]  

      Хорошо, нравится.

      Из недостатков – иконки с людьми, конечно, расцвечивают дизайн, но они неинформативны. Нам надо заинтересовать людей, приходящих на сайт, визуально показав наше приложение. Иначе они даже читать не станут, просто уйдут. Картинки с людьми не заинтересуют посетителей, и их слишком много.

      • aallyaannii

        Алёна Аникушина [aallyaannii]   [06.09.2019 | 22:46]  

        Я Вас поняла. В концепцию включены мокапы-скриншоты, получилось в симбиозе. Макеты обновлены/добавлены. 

        Хорошего настроения!

        • orelse

          [orelse]   [07.09.2019 | 08:26]  

          Хорошо, спасибо!

  • syeferity

    Надежда К [syeferity]  [06.09.2019 | 01:09] [внесены изменения: 06.09 2019 | 01:29]

    Сделала редизайн нынешней версии сайта, основываясь на уже имеющихся находках: вы использовали для «Tinode» очень интересную гарнитуру Avenir, которая в сумме с цветом хедера-футера в качестве основного и цветами лого в роли акцентов превращается в запоминающийся фирменный стиль. 

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

    Что касается мокапов: если у вас нет возможности использовать программы пакета Adobe, я смогу сделать редактируемые макеты этих устройств в Figma.

    Спасибо за интересную задачу. Если дизайн-концепция понравится – буду рада с вами поработать.
    • Добавлено 06.09.2019 в 01:29
      f_8935d718bfcd2c06.png
    • orelse

      [orelse]   [06.09.2019 | 09:30]  

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

  • sfinge

    Евгений Авдеев [sfinge]  [06.09.2019 | 07:37]

    Здравствуйте. В аттаче мой концепт.
    По Вашей ссылке web.tinode.co не смог авторизоваться, увы.
    Цвета брал со скринов с гита и с логоса.
    Иллюстрации, используемые в макете не стоковые, но имеют свободную лицензию и их можно использовать в коммерческих целях.
    • Добавлено 06.09.2019 в 07:37
      f_3225d71e20e0b0bc.jpg
    • Добавлено 06.09.2019 в 07:37
      f_8075d71e21105758.jpg
    • Добавлено 06.09.2019 в 07:37
      f_5295d71e214303e9.jpg
    • orelse

      [orelse]   [06.09.2019 | 09:28]  

      Хорошо, профессионально.

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

      • sfinge

        Евгений Авдеев [sfinge]   [07.09.2019 | 17:23]  

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

  • stefany-kiriak

    Стефания Кирьяк [stefany-kiriak]  [06.09.2019 | 14:31] [внесены изменения: 06.09 2019 | 15:08]

    Здравствуйте. Вариант главной страницы.
    • Добавлено 06.09.2019 в 14:31
      f_4795d724304c2f6f.png
    • Добавлено 06.09.2019 в 15:08
      f_2175d724c36308f8.png
    • orelse

      [orelse]   [06.09.2019 | 15:05]  

      Неплохо, но непонятен смысл трех одинаковых скриншотов.

      • stefany-kiriak

        Стефания Кирьяк [stefany-kiriak]   [06.09.2019 | 15:11]  

        Для мокапов можно сделать несколько разных скриншотов. В приложении ведь есть "Настройки" и прочие экраны. За счет скриншотов максимально показать возможности приложения. Вам ведь нужно показать само приложение.

        • orelse

          [orelse]   [07.09.2019 | 08:27]  

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

  • alexej102

    Алексей Сель [alexej102]  [06.09.2019 | 19:03]

    Здравствуйте.
    • Добавлено 06.09.2019 в 19:03
      f_9745d72827187cfb.jpg
    • Добавлено 06.09.2019 в 19:03
      f_7665d72831cda954.jpg
    • orelse

      [orelse]   [07.09.2019 | 08:09]  

      То, что слева – хорошо, но опять смешение стилей – плоский дизайн со скевморфизмом. По поводу скриншотов в аксонометрии, вам надо будет рассказать нам как вы их делаете, чтобы мы могли их сами обновлять. И это не должен быть Фотошоп за $1000.

      Смысл правого изображения я не понял, зачем вы его поместили я не знаю.

      • alexej102

        Алексей Сель [alexej102]   [07.09.2019 | 09:13] [изменен 07.09.2019 | 09:14]

        Скрины в изометрии можно и css заверстать, ничего сложного. Смешения стилей – а че такого? С тенями пережестил это да) То что с права это модульная сетка (8px) и layout (1120).

  • SweetPepperino

    [SweetPepperino]  [07.09.2019 | 18:41]

    Здравствуйте, немного припоздал на конкурс, потому макет не доработан)
    • Добавлено 07.09.2019 в 18:41
      f_0645d73cf889fce7.jpg
    • orelse

      [orelse]   [07.09.2019 | 19:59]  

      Но получилось хорошо. Спасибо.

      • orelse

        [orelse]   [10.09.2019 | 09:42]  

        Ваша работа попала в группу из трех финалистов. Для того, чтобы сделать окончательный выбор нам надо получить от вас недостающие материалы. См. ТЗ. 
        Материалы нам необходимо получить от вас до 18 часов среды 11 сентября, время московское. Спасибо.

        • orelse

          [orelse]   [10.09.2019 | 09:57]  

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

          • orelse

            [orelse]   [10.09.2019 | 15:30]  

            Оказывается, FL блокировал комментарии после окончания конкурса. Сейчас они разблокированы.

            • SweetPepperino

              [SweetPepperino]   [10.09.2019 | 15:33]  

              Добрый день, прикладываю ссылку на фигму, в ней UI kit, доп.материалы, ссылки на фотографии с беслптных источников, и два макета
              www.figma.com/file/2iKDGC...

              • SweetPepperino

                [SweetPepperino]   [10.09.2019 | 15:36]  

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

                • orelse

                  [orelse]   [10.09.2019 | 19:31]  

                  Отлично, спасибо.

  • daniil-petrovsk
    Добрый день, заинтересовал ваш проект, но увидел его уже за несколько часов до конца конкурса. Вот вариант веб-версии. Хотел бы сделать эту работу с Вами, нравится темя мессенджеров, считаю её сейчас актуальной. Прошу писать на почту, буду рад обсудить детали уже сделанной работы и создать мобильную версию! (daniil.piatrouski@gmail.com)

    С уважением, Даниил Петровский.
    • Добавлено 12.09.2019 в 21:47
      f_2325d7a92bb2bc17.png

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