Он сразу понял, что от него ждет заказчик.
Порядочен
Ответственен
С хорошим вкусом и уровнем выполнения задуманного
Название компании: 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-кода.
1. Да, совершенно верно. Сейчас проходит редизайт сайта. Он будет приближен к тому, который на самом нижнем изображении.
2. Мы не планировали большое количество анимации. В качестве произведения и полета фантазии, анимация может вызывать восторг. Но для пользователя сайта, большое количество анимации, это раздражитель.
Как мы это видели: фото и текст, появляются одновременно. Не так как на приведенном примере. А после, появляется информация о тарифах и сроках. Планировалось, что эта информация, будет размещаться в двух кругах, разного размера. В большем (он появляется первым информация о тарифе (авиа 6,5$) и сроках доставки (7 дней). Данные "круги" появляются друг за другом. Сначала больший, затем меньший. Они являются кнопкой перехода на страницу "тарифы".
3. В большей степени, нас интересует грамотная и легкая композиция (фото). Пусть статичное, но грамотное изображение, для нас в приоритете.
Здравствуйте, Ольга
Сайт сейчас закрыт
1. Да, анимация предусматривалась. Не много. А именно, появление информации о тарифах и сроках доставки. Эта информация, которая должна привлечь внимание.
Как мы это видели: фото и текст, появляются одновременно. Не так как на приведенном примере. А после, появляется информация о тарифах и сроках. Планировалось, что эта информация, будет размещаться в двух кругах, разного размера. В большем (он появляется первым информация о тарифе (авиа 6,5$) и сроках доставки (7 дней). Данные "круги" появляются друг за другом. Сначала больший, затем меньший. Они являются кнопкой перехода на страницу "тарифы".
2. Да, текст будет использоваться из тех примеров, которые есть. В примерах, дублируется текст для авиадоставки. Но на каждый слайдер, предусматривается текст, посвященный данному направлению.
Проблема в том, что у меня, не получилось создать грамотный банер. Получилось "сделай сам". А это только навредит. Поэтому, для меня крайне важно качество работы.
Ольга, если у Вас будут вопросы, пожалуйста, пишите.
С уважением
Олег
Уважаемые дизайнеры, пожалуйста, прежде чем представлять работу, прочтите описание задания и посмотрите изображение, на приведенном примере.
Поверьте, отклонять работы, не самое приятное занятие.
Посмотрите на картинку прикрепленную ниже - один основной объект, нечеткий задний фон.
Это создает легкость, благодаря "воздуху" в банере и незагруженостью мелкими деталями.
Пожалуйста, не торопитесь.
Как было указано в описании, главное качество работы
Здравствуйте Олег!
По каким критериям вы отклонили мои работы?
Вроде бы сделал все по вашим требованиям.
Дело в цветах и деталях или же общая концепция?
Уважаемый заказчик, пишите пожалуйста обоснованную причину отклонения работ. Указываете пожалуйста конкретные моменты, а не ограничивайтесь фразами "легче" или другими, для многими эти понятия толкуются по разному. Только имея обратную связь, можна достичь желаемого результата.
Уважаемая Ольга
Безусловно, если Вы хотите, я обосную отклонение работ.
Первые ваши работы. - это просто изображение, на которых отображена тематика (авиа, море, США). Сине-зеленые тона, просто переходят в серый цвет. Информация о тарифах и сроках доставки (кстати, а где информация о сроках доставки?) отображена банальной кнопкой.
Это часть текста, который был в задании "Крайне не желательно, чтобы окраска самолета, корабля и кругов с информацией о тарифах и сроках доставки, банально копировались с основных цветов сайта. Пробовали. Сливается." Цвет кнопки, соответствует одному из цветов логотипе. Цвету, который часто присутствует на сайте. Следовательно, Вы не внимательно прочитали задание.
Еще часть текста из задания "Создается сайт. Легкий для восприятия...." Ольга, но ведь не апокалиптический. Это я про восприятие изображений
Вторые работы.
Обратите внимание, на стилистику банера, пример которого был взят за образец. А именно, изображение по правую и левую сторону, постепенно сходят на "нет". Но основной объект, объект (в данном случае девушка) обрезан сверху и снизу. Что выглядит вполне логичным, так как банер имеет четкие ограничения по высоте.
Что же у Вас? Самолет - тупо обрезан. Представьте себе бнер, который вот с такой обрезкой сбоку. Банер, в котором нет четкого ограничения по правую и левую сторону. Вам не кажется, что это выглядит абсурдно?
В прилагаемых изображениях, был приведен наброска того, как (примерно) будет выглядеть главная страница сайта. Посмотрите, пожалуйста. НЕТ четких границ по правую и левую сторону. ИХ НЕТ.
Теперь корабль. Вы взяли фото. Убрали цвет воды, и сделали легкое "замазывание" (ну уж простите, обозву это так) в левом нижнем углу. Это всё.
Флаг... правда, Ольга, ну что Вы????? Я даже не буду повторять про обрезку по бокам...
Ольга, был приведен пример стиля банера, было показано изображение, была ссылка на сайт, чтобы Вы увидели как смотрится "легкий" и грамотный банер.
"Левая часть - текст с кратким описание услуги (он может быть наложен на картинку и быть статичным). Под текстом появляется рекламная информация. Первое что приходило в голову это круги с информацией, аналогичные тем, которые есть на банере данного шаблона 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 часа на один вариант, который Вы с лёгкостью отклонили их в "мусорник".
Прочитал простынь обсуждения но так и не понял: в приложении вы прикрепили баннеры которые соответствуют заданию и вашим пожеланиям (один яркий цветной объект и светло серый фон). Баннера "легкие". Чем они не устраивают?
По логике баннер должен "выделяться" если вы хотите донести суть баннером.
Сергей Александрович, банеры, которые прикреплены к заданию, выполнены на уровне "сделай сам".
Увы, мои навыки позволяют, лишь это. Мне же необходимо качество, которое доступно человеку, чьей специализацией является создание подобных работ.
Скажите пожалуйста, "выделяется" ли банер на данном изображении?
Вот такого эффекта, мне совершенно не удалось добиться
Поэтому был объявлен конкурс
К сожалению не удалось прикрепить скриншот
Но перейдите по ссылке http://theme-fusion.com/avada/home-version-5/
От себя могу сказать что у вас хороший уровень "сделай сам".
Вы хотите получить вариации серого фона и цветного самолета/корабля?
Прикрепленные вами баннеры не устраивают тем что им мало"легкости"?
Ирина, зачем столько вариантов одинаковых?
Да, меняется пару буковок на слайде, но идея то одна у всех... Можно было просто написать "концепт, правки возможны" :)
Это сугубо мое мнение)
Опять же, Ирина, может вы просто решили сыграть в игру: "Найди новое отличие на новом слайде?" :)
Это же детский сад...