Company Name: IPS
Company Activity: International Transportation
Product/Service Description: Delivery of cargo and private parcels from the USA
Target Audience Profile:
List the nearest competitors: http://www.meest.us/rus/index.html http://ukraine-express.com/ http://dniprollc.com/
Describe the main competitive advantages:
Describe what should be depicted on the banner and in what style it should be made.
Images on the sliders should reflect the main areas of the company's activities. Namely: air delivery, sea delivery, delivery from online stores.
Do you have a corporate style, logo? yes
Will you provide graphic elements in tiff, gif, ai, eps, cdr, jpg formats, etc., or do they need to be developed?
Yes. But they are 99% unsuitable. Therefore, they will need to be developed.
Should graphic elements, photo collages be used on the banner? Yes
What size of the banner in pixels needs to be developed? 1170px by 470px
Where will the banner be placed? Three sliders will be placed on the main page. They will change each other.
Additional Information:
A website is being created. Easy to perceive, user-friendly.
The basis was taken from the website http://theme-fusion.com/avada/home-version-5/#
It was necessary to create sliders in the same style as on http://theme-fusion.com/avada/home-version-5/# (girl in a green dress) (one main object on a "blurry" background. What was done independently is in the attached file. And it is not satisfactory.
How the slider is envisioned:
The left part - text with a brief description of the service (it can be overlaid on the image and be static). Below the text, advertising information appears. The first thing that came to mind was circles with information, similar to those on the banner of this template http://thefoxwp.com/agency-02/ Since the sliders should be light, there was a thought to make them somewhat transparent.
The right part - the main image. Air delivery - airplane, sea delivery - ship, delivery from online stores in the USA - American flag (part of the flag).
And while it turned out to be not difficult with the airplane, simply hanging a ship on a "blurry" background turned out to be more complicated. A ship hanging in the air looks like a diagnosis. Although it is not standard. Sketches of the slider with the ship are also in the attached files.
It is extremely undesirable for the colors of the airplane, ship, and circles with information about rates and delivery times to be simply copied from the main colors of the site. We tried. It blends in.
But at the same time, the colors should not be gaudy and eye-straining. We do not have an entertainment site. The target audience is people "over 30," tired of making money. We care for their psyche.
Example of "non-gaudy" tones. http://31three.com/ It is about the tone.
So, what is needed.
Create three sliders in the style of http://theme-fusion.com/avada/home-version-5/#
Other options that fit into the overall concept of the site are also considered. Namely, ease of perception.
The main requirement is QUALITY.
The main page is the face of the site. Sliders account for two-thirds of the perception of the main page.
Здравствуйте. Укажите пожалуйста ссылку на Ваш сайт (если есть). Можно сказать, что основное восприятие слайдера зависит от вида анимации (то есть как слайды меняют друг друга ). На представленном Вами примере 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 December 2015
1. Да, совершенно верно. Сейчас проходит редизайт сайта. Он будет приближен к тому, который на самом нижнем изображении.
2. Мы не планировали большое количество анимации. В качестве произведения и полета фантазии, анимация может вызывать восторг. Но для пользователя сайта, большое количество анимации, это раздражитель.
Как мы это видели: фото и текст, появляются одновременно. Не так как на приведенном примере. А после, появляется информация о тарифах и сроках. Планировалось, что эта информация, будет размещаться в двух кругах, разного размера. В большем (он появляется первым информация о тарифе (авиа 6,5$) и сроках доставки (7 дней). Данные "круги" появляются друг за другом. Сначала больший, затем меньший. Они являются кнопкой перехода на страницу "тарифы".
3. В большей степени, нас интересует грамотная и легкая композиция (фото). Пусть статичное, но грамотное изображение, для нас в приоритете.
17 December 2015
Здравствуйте, Ольга
Сайт сейчас закрыт
1. Да, анимация предусматривалась. Не много. А именно, появление информации о тарифах и сроках доставки. Эта информация, которая должна привлечь внимание.
Как мы это видели: фото и текст, появляются одновременно. Не так как на приведенном примере. А после, появляется информация о тарифах и сроках. Планировалось, что эта информация, будет размещаться в двух кругах, разного размера. В большем (он появляется первым информация о тарифе (авиа 6,5$) и сроках доставки (7 дней). Данные "круги" появляются друг за другом. Сначала больший, затем меньший. Они являются кнопкой перехода на страницу "тарифы".
2. Да, текст будет использоваться из тех примеров, которые есть. В примерах, дублируется текст для авиадоставки. Но на каждый слайдер, предусматривается текст, посвященный данному направлению.
Проблема в том, что у меня, не получилось создать грамотный банер. Получилось "сделай сам". А это только навредит. Поэтому, для меня крайне важно качество работы.
Ольга, если у Вас будут вопросы, пожалуйста, пишите.
С уважением
Олег
17 December 2015
Уважаемые дизайнеры, пожалуйста, прежде чем представлять работу, прочтите описание задания и посмотрите изображение, на приведенном примере.
Поверьте, отклонять работы, не самое приятное занятие.
Посмотрите на картинку прикрепленную ниже - один основной объект, нечеткий задний фон.
Это создает легкость, благодаря "воздуху" в банере и незагруженостью мелкими деталями.
Пожалуйста, не торопитесь.
Как было указано в описании, главное качество работы
Здравствуйте Олег!
По каким критериям вы отклонили мои работы?
Вроде бы сделал все по вашим требованиям.
Дело в цветах и деталях или же общая концепция?
Уважаемый заказчик, пишите пожалуйста обоснованную причину отклонения работ. Указываете пожалуйста конкретные моменты, а не ограничивайтесь фразами "легче" или другими, для многими эти понятия толкуются по разному. Только имея обратную связь, можна достичь желаемого результата.
18 December 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 December 2015
Сергей Александрович, банеры, которые прикреплены к заданию, выполнены на уровне "сделай сам".
Увы, мои навыки позволяют, лишь это. Мне же необходимо качество, которое доступно человеку, чьей специализацией является создание подобных работ.
Скажите пожалуйста, "выделяется" ли банер на данном изображении?
Вот такого эффекта, мне совершенно не удалось добиться
Поэтому был объявлен конкурс
19 December 2015
К сожалению не удалось прикрепить скриншот
Но перейдите по ссылке http://theme-fusion.com/avada/home-version-5/
От себя могу сказать что у вас хороший уровень "сделай сам".
Вы хотите получить вариации серого фона и цветного самолета/корабля?
Прикрепленные вами баннеры не устраивают тем что им мало"легкости"?
Ирина, зачем столько вариантов одинаковых?
Да, меняется пару буковок на слайде, но идея то одна у всех... Можно было просто написать "концепт, правки возможны" :)
Это сугубо мое мнение)
Опять же, Ирина, может вы просто решили сыграть в игру: "Найди новое отличие на новом слайде?" :)
Это же детский сад...
Ну, простите))
