Назва компанії: IPS
Сфера діяльності компанії: Міжнародні перевезення
Опис продуктів/послуг: Доставка вантажів та приватних посилок з США
Портрет цільової аудиторії:
Вкажіть найближчих конкурентів: http://www.meest.us/rus/index.html http://ukraine-express.com/ http://dniprollc.com/
Опишіть основні конкурентні переваги:
Опишіть, що повинно бути зображено на банері, в якому стилі він повинен бути виконаний.
Зображення на слайдерах повинні відображати основні напрямки діяльності компанії. А саме: авіадоставка, доставка морем, доставка з інтернет-магазинів.
Чи є у вас фірмовий стиль, логотип? так
Будуть надані вами графічні елементи у форматі tiff, gif, ai, eps, cdr, jpg тощо або їх необхідно розробити?
Так. Але вони на 99% не підходять. Тому необхідно буде розробляти.
Використовувати на банері графічні елементи, фотоколажі? Так
Який розмір банера в пікселях потрібно розробити? 1170px на 470px
Де буде розміщуватися банер? Три слайдери будуть розміщені на головній сторінці. Вони змінюють один одного.
Додаткова інформація:
Створюється сайт. Легкий для сприйняття, зручний для користувача.
За основу був взятий сайт http://theme-fusion.com/avada/home-version-5/#
Необхідно було створити слайдери в тому ж стилі, що і на http://theme-fusion.com/avada/home-version-5/# (дівчина в зеленій сукні) (один основний об'єкт на "розмитому" задньому фоні). Те, що було зроблено самостійно, знаходиться в прикріпленому файлі. І це не влаштовує.
Яким бачиться слайдер:
Ліва частина - текст з коротким описом послуги (він може бути накладений на картинку і бути статичним). Під текстом з'являється рекламна інформація. Перше, що приходило в голову, це кола з інформацією, аналогічні тим, які є на банері цього шаблону http://thefoxwp.com/agency-02/ Оскільки слайдери повинні бути легкими, була думка зробити їх кілька прозорими.
Права частина - основне зображення. Авіадоставка - літак, доставка морем - корабель, доставка з інтернет-магазинів США - американський прапор (частина прапора).
І якщо з літаком виявилося не складно, то просто повісити на "розмитий" задній фон корабель, виявилося складніше. Корабель, що висить в повітрі, схожий на діагноз. Хоча й нестандартно. Наброски слайдера з кораблем також є в прикріплених файлах.
Крайньо небажано, щоб забарвлення літака, корабля та кіл з інформацією про тарифи та терміни доставки, банально копіювалися з основних кольорів сайту. Пробували. Зливається.
Але в той же час, кольори не повинні бути яскравими і різкими. У нас не розважальний сайт. Цільова аудиторія - люди "за 30", втомлені від заробляння грошей. Ми бережемо їх психіку.
Приклад "не яскравих" тонів. http://31three.com/ Йдеться про тон.
Отже, що необхідно.
Створити три слайдери в стилі http://theme-fusion.com/avada/home-version-5/#
Також розглядаються й інші варіанти, які будуть вписуватися в загальну концепцію сайту. А саме легкість сприйняття.
Основна вимога - ЯКІСТЬ.
Головна сторінка - це обличчя сайту. Слайдери - дві третини сприйняття головної сторінки.
Здравствуйте. Укажите пожалуйста ссылку на Ваш сайт (если есть). Можно сказать, что основное восприятие слайдера зависит от вида анимации (то есть как слайды меняют друг друга ). На представленном Вами примере http://theme-fusion.com/avada/home-version-5/ первый слайд состоит из: фото http://theme-fusion.com/avadatest/wp-content/uploads/2012/08/image11.jpg , блока текста и блока кнопки. Всё смотрится гармонично и живо по причине того, что задано время задержки и место появления элементов. По этому нужно уточнить:
1. Закладывалась ли изначально в Ваш слайдер возможность анимированного появления элементов (текст, кнопка) на фоне слайда? Возможна ли реализация такой функции Вашим программистом, если такое будет предложено в дизайне баннера?
2. Текст на слайдере и заголовок будет использоватся из Ваших примеров?
в приложениях к конкурсу на картинке виден сайт http://www.ips.net.ua/, но ссылка не оправдывает надежд...
Можно ли предположить, что идет редизайн сайта? Т. е. анимацию создавать в том же ключе что и ссылка на слайдер? Вы будите исползовать готовый код слайдера? Или можно проявить фантазию, заанимировать движения по своему, прислать вам кроме внешнего вид отдельно еще и ссылку на *.giF, а уже ваш программист будет ломать голову, как нашей красоте, по аналогии, присвоить движение с помощью web-кода.
17 грудня 2015
1. Да, совершенно верно. Сейчас проходит редизайт сайта. Он будет приближен к тому, который на самом нижнем изображении.
2. Мы не планировали большое количество анимации. В качестве произведения и полета фантазии, анимация может вызывать восторг. Но для пользователя сайта, большое количество анимации, это раздражитель.
Как мы это видели: фото и текст, появляются одновременно. Не так как на приведенном примере. А после, появляется информация о тарифах и сроках. Планировалось, что эта информация, будет размещаться в двух кругах, разного размера. В большем (он появляется первым информация о тарифе (авиа 6,5$) и сроках доставки (7 дней). Данные "круги" появляются друг за другом. Сначала больший, затем меньший. Они являются кнопкой перехода на страницу "тарифы".
3. В большей степени, нас интересует грамотная и легкая композиция (фото). Пусть статичное, но грамотное изображение, для нас в приоритете.
17 грудня 2015
Здравствуйте, Ольга
Сайт сейчас закрыт
1. Да, анимация предусматривалась. Не много. А именно, появление информации о тарифах и сроках доставки. Эта информация, которая должна привлечь внимание.
Как мы это видели: фото и текст, появляются одновременно. Не так как на приведенном примере. А после, появляется информация о тарифах и сроках. Планировалось, что эта информация, будет размещаться в двух кругах, разного размера. В большем (он появляется первым информация о тарифе (авиа 6,5$) и сроках доставки (7 дней). Данные "круги" появляются друг за другом. Сначала больший, затем меньший. Они являются кнопкой перехода на страницу "тарифы".
2. Да, текст будет использоваться из тех примеров, которые есть. В примерах, дублируется текст для авиадоставки. Но на каждый слайдер, предусматривается текст, посвященный данному направлению.
Проблема в том, что у меня, не получилось создать грамотный банер. Получилось "сделай сам". А это только навредит. Поэтому, для меня крайне важно качество работы.
Ольга, если у Вас будут вопросы, пожалуйста, пишите.
С уважением
Олег
17 грудня 2015
Уважаемые дизайнеры, пожалуйста, прежде чем представлять работу, прочтите описание задания и посмотрите изображение, на приведенном примере.
Поверьте, отклонять работы, не самое приятное занятие.
Посмотрите на картинку прикрепленную ниже - один основной объект, нечеткий задний фон.
Это создает легкость, благодаря "воздуху" в банере и незагруженостью мелкими деталями.
Пожалуйста, не торопитесь.
Как было указано в описании, главное качество работы
Здравствуйте Олег!
По каким критериям вы отклонили мои работы?
Вроде бы сделал все по вашим требованиям.
Дело в цветах и деталях или же общая концепция?
Уважаемый заказчик, пишите пожалуйста обоснованную причину отклонения работ. Указываете пожалуйста конкретные моменты, а не ограничивайтесь фразами "легче" или другими, для многими эти понятия толкуются по разному. Только имея обратную связь, можна достичь желаемого результата.
18 грудня 2015
Уважаемая Ольга
Безусловно, если Вы хотите, я обосную отклонение работ.
Первые ваши работы. - это просто изображение, на которых отображена тематика (авиа, море, США). Сине-зеленые тона, просто переходят в серый цвет. Информация о тарифах и сроках доставки (кстати, а где информация о сроках доставки?) отображена банальной кнопкой.
Это часть текста, который был в задании "Крайне не желательно, чтобы окраска самолета, корабля и кругов с информацией о тарифах и сроках доставки, банально копировались с основных цветов сайта. Пробовали. Сливается." Цвет кнопки, соответствует одному из цветов логотипе. Цвету, который часто присутствует на сайте. Следовательно, Вы не внимательно прочитали задание.
Еще часть текста из задания "Создается сайт. Легкий для восприятия...." Ольга, но ведь не апокалиптический. Это я про восприятие изображений
Вторые работы.
Обратите внимание, на стилистику банера, пример которого был взят за образец. А именно, изображение по правую и левую сторону, постепенно сходят на "нет". Но основной объект, объект (в данном случае девушка) обрезан сверху и снизу. Что выглядит вполне логичным, так как банер имеет четкие ограничения по высоте.
Что же у Вас? Самолет - тупо обрезан. Представьте себе бнер, который вот с такой обрезкой сбоку. Банер, в котором нет четкого ограничения по правую и левую сторону. Вам не кажется, что это выглядит абсурдно?
В прилагаемых изображениях, был приведен наброска того, как (примерно) будет выглядеть главная страница сайта. Посмотрите, пожалуйста. НЕТ четких границ по правую и левую сторону. ИХ НЕТ.
Теперь корабль. Вы взяли фото. Убрали цвет воды, и сделали легкое "замазывание" (ну уж простите, обозву это так) в левом нижнем углу. Это всё.
Флаг... правда, Ольга, ну что Вы????? Я даже не буду повторять про обрезку по бокам...
Ольга, был приведен пример стиля банера, было показано изображение, была ссылка на сайт, чтобы Вы увидели как смотрится "легкий" и грамотный банер.
"Левая часть - текст с кратким описание услуги (он может быть наложен на картинку и быть статичным). Под текстом появляется рекламная информация. Первое что приходило в голову это круги с информацией, аналогичные тем, которые есть на банере данного шаблона http://thefoxwp.com/agency-02/ Так как слайдеры должны быть легкими, была мысль сделать их несколько прозрачными.
Правая часть - основное изображение. Авиадоставка - самолет, доставка морем - корабль, доставка из интернет-магазинов США - американский флаг (часть флага). "
Вы думаете, это просто бздык? Тупое копирование?
Боюсь показаться умником. Терпеть этого не могу. Ну да ладно....
Вы знаете, как человек просматривает сайт? А именно его "верхнюю" часть?
Его глаза, идут по траектории буквы "Z". Так уж мы читаем. Слева направо, сверху вниз.
Логотип, пробегает по главному меню, а затем его взгляд, переводится именно туда, где должна появляться информация о тарифах и сроках (А ЭТО ВАЖНАЯ ИНФОРМАЦИЯ).
Вы же, почему-то и это проигнорировали...
А теперь будьте честны. Подходят представленные Вами работы, под требования к изображениям?
Это, что касается обоснований "по технике" работы.
Есть еще вкус, стиль, идея и т.д.
Есть еще одно.
"Основное требование - КАЧЕСТВО.
Главная страница, это лицо сайта. Слайдеры - две трети восприятия главной страницы."
Ольга, я не хочу Вас обидеть. Но я не могу вложить данные работы в качестве банера на свой сайт.
Здравствуйте Олег. Спасибо за исчерпывающий ответ, только почему Вы решили его разместить здесь, а не в личных сообщениях? Раз решили писать тут, то отвечу на Ваши вопросы в обсуждении:
1. Выставляя работы на конкурс я внимательно прочла Ваше задание и считаю, что они полностью ему соответствуют.
2. В вопросе выбора фона, Вам в первых работах был представлен сложный рисунок на котором хорошо фокусируется внимание на тексте. Вы прикрепили рисунок из примера слайдера. Именно из этого слайдера http://theme-fusion.com/avada/home-version-5/# во втором варианте работ взят фон для самолёта, для корабля выбран в таком же стиле и прозрачности. Вас всё равно не устраивает.
3. По цветам заголовков и текстов и шрифтам. Шрифты заголовка взяты из слайдера. Цвета для баннера не придумывают из головы, их берут из общей цветовой схемы сайта, иначе у Вас получится разноцветный "винегрет". Если у Вас уже есть дизайн, то укажите, на основание его концепции цвета для заголовка и текста. В формате (#fff) , чтобы каждый дизайнер мог ими воспользоваться.
4. По композииции и обрезанным элементам. Девушка в зелёной футболке полностью изображена на фото? Если у Вас принципиальная позиция по поводу того, что должен быть полностью в кадре корабль, самолёт или в каком направлении он плывёт указывайте это в задании. Это не "Битва Экстрасенсов".
5. По поводу текста, по Вашим ответам, понятно, что он ещё не окончателен. И в общей картине играет роль только его расположение, цвет и шрифт.
6. Ко всем вышеперечисленным сложностям невозможно взаимодействовать с итоговым вариантом дизайна сайта и слайдером в частности. О каких воображаемых Вами появляющихся кругах может идти речь, если это всё анимация JavaScript/jQuery на сайте? Общайтесь с Вашим программистом. В итоге этого конкурса Вы получите картинку, а не вылетающие кнопки.
Полностью согласна с мнением дизайнеров, что прикреплённые Вами примеры (так и другие отклоненные работы) соответствуют Вашему заданию во всём, кроме цвета заголовков, которые выбраны верно из цветовой палитры сайта.
Не хочу Вас обидеть, но отношение к составлению ТЗ у Вас крайне халатное, как и процесс рассмотрения работ. Так что задумайтесь над уточнениями в ТЗ, так как не каждый готов потратить 2-3 часа на один вариант, который Вы с лёгкостью отклонили их в "мусорник".
Прочитал простынь обсуждения но так и не понял: в приложении вы прикрепили баннеры которые соответствуют заданию и вашим пожеланиям (один яркий цветной объект и светло серый фон). Баннера "легкие". Чем они не устраивают?
По логике баннер должен "выделяться" если вы хотите донести суть баннером.
19 грудня 2015
Сергей Александрович, банеры, которые прикреплены к заданию, выполнены на уровне "сделай сам".
Увы, мои навыки позволяют, лишь это. Мне же необходимо качество, которое доступно человеку, чьей специализацией является создание подобных работ.
Скажите пожалуйста, "выделяется" ли банер на данном изображении?
Вот такого эффекта, мне совершенно не удалось добиться
Поэтому был объявлен конкурс
19 грудня 2015
К сожалению не удалось прикрепить скриншот
Но перейдите по ссылке http://theme-fusion.com/avada/home-version-5/
От себя могу сказать что у вас хороший уровень "сделай сам".
Вы хотите получить вариации серого фона и цветного самолета/корабля?
Прикрепленные вами баннеры не устраивают тем что им мало"легкости"?
Ирина, зачем столько вариантов одинаковых?
Да, меняется пару буковок на слайде, но идея то одна у всех... Можно было просто написать "концепт, правки возможны" :)
Это сугубо мое мнение)
Опять же, Ирина, может вы просто решили сыграть в игру: "Найди новое отличие на новом слайде?" :)
Это же детский сад...
Ну, простите))
