Nazwa firmy: IPS
Rodzaj działalności firmy: Międzynarodowe przewozy
Opis produktów/usług: Dostawa towarów i prywatnych paczek z USA
Portret docelowej grupy odbiorców:
Podaj najbliższych konkurentów: http://www.meest.us/rus/index.html http://ukraine-express.com/ http://dniprollc.com/
Opisz główne przewagi konkurencyjne:
Opisz, co powinno być przedstawione na banerze, w jakim stylu powinno być wykonane.
Obrazy na sliderach powinny przedstawiać główne kierunki działalności firmy. A mianowicie: transport lotniczy, transport morski, dostawa z internetowych sklepów.
Czy masz identyfikację wizualną, logo? tak
Czy dostarczysz elementy graficzne w formacie tiff, gif, ai, eps, cdr, jpg itp. czy trzeba je opracować?
Tak. Ale w 99% nie pasują. Dlatego trzeba będzie je opracować.
Czy na banerze mają być użyte elementy graficzne, fotokolaże? Tak
Jaki rozmiar banera w pikselach należy opracować? 1170px na 470px
Gdzie będzie umieszczony baner? Trzy slidery będą umieszczone na stronie głównej. Będą się zmieniać nawzajem.
Dodatkowe informacje:
Tworzona jest strona. Łatwa do zrozumienia, wygodna dla użytkownika.
Za podstawę wzięto stronę http://theme-fusion.com/avada/home-version-5/#
Należało stworzyć slidery w tym samym stylu, co na http://theme-fusion.com/avada/home-version-5/# (dziewczyna w zielonej sukience) (jeden główny obiekt na "nieostrym" tle. To, co zostało zrobione samodzielnie, znajduje się w załączonym pliku. I to nie jest satysfakcjonujące.
Jak widzi się slider:
Lewa część - tekst z krótkim opisem usługi (może być nałożony na obrazek i być statyczny). Pod tekstem pojawia się informacja reklamowa. Pierwsze, co przyszło do głowy, to okręgi z informacjami, podobne do tych, które są na banerze tego szablonu http://thefoxwp.com/agency-02/ Ponieważ slidery powinny być lekkie, była myśl, aby uczynić je nieco przezroczystymi.
Prawa część - główny obraz. Transport lotniczy - samolot, transport morski - statek, dostawa z internetowych sklepów w USA - amerykańska flaga (część flagi).
I jeśli z samolotem okazało się to proste, to powieszenie statku na "nieostrym" tle okazało się trudniejsze. Statek wiszący w powietrzu - wygląda jak diagnoza. Choć nie jest to standardowe. Szkice slidery ze statkiem również znajdują się w załączonych plikach.
Skrajnie niepożądane, aby kolorystyka samolotu, statku i okręgów z informacjami o taryfach i terminach dostawy, banalnie kopiowała się z podstawowych kolorów strony. Próbowano. Zlewa się.
Ale jednocześnie kolory nie powinny być jaskrawe i rażące. Nie mamy strony rozrywkowej. Grupa docelowa, ludzie "po 30", zmęczeni zarabianiem pieniędzy. Dbamy o ich psychikę.
Przykład "nie jaskrawych" tonów. http://31three.com/ Mowa o tonie.
A więc, co jest potrzebne.
Stworzyć trzy slidery w stylu http://theme-fusion.com/avada/home-version-5/#
Rozważane są również inne opcje, które będą pasować do ogólnej koncepcji strony. A mianowicie łatwość percepcji.
Główne wymaganie - JAKOŚĆ.
Strona główna to wizytówka strony. Slidery - dwie trzecie percepcji strony głównej.
Здравствуйте. Укажите пожалуйста ссылку на Ваш сайт (если есть). Можно сказать, что основное восприятие слайдера зависит от вида анимации (то есть как слайды меняют друг друга ). На представленном Вами примере 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 grudnia 2015
1. Да, совершенно верно. Сейчас проходит редизайт сайта. Он будет приближен к тому, который на самом нижнем изображении.
2. Мы не планировали большое количество анимации. В качестве произведения и полета фантазии, анимация может вызывать восторг. Но для пользователя сайта, большое количество анимации, это раздражитель.
Как мы это видели: фото и текст, появляются одновременно. Не так как на приведенном примере. А после, появляется информация о тарифах и сроках. Планировалось, что эта информация, будет размещаться в двух кругах, разного размера. В большем (он появляется первым информация о тарифе (авиа 6,5$) и сроках доставки (7 дней). Данные "круги" появляются друг за другом. Сначала больший, затем меньший. Они являются кнопкой перехода на страницу "тарифы".
3. В большей степени, нас интересует грамотная и легкая композиция (фото). Пусть статичное, но грамотное изображение, для нас в приоритете.
17 grudnia 2015
Здравствуйте, Ольга
Сайт сейчас закрыт
1. Да, анимация предусматривалась. Не много. А именно, появление информации о тарифах и сроках доставки. Эта информация, которая должна привлечь внимание.
Как мы это видели: фото и текст, появляются одновременно. Не так как на приведенном примере. А после, появляется информация о тарифах и сроках. Планировалось, что эта информация, будет размещаться в двух кругах, разного размера. В большем (он появляется первым информация о тарифе (авиа 6,5$) и сроках доставки (7 дней). Данные "круги" появляются друг за другом. Сначала больший, затем меньший. Они являются кнопкой перехода на страницу "тарифы".
2. Да, текст будет использоваться из тех примеров, которые есть. В примерах, дублируется текст для авиадоставки. Но на каждый слайдер, предусматривается текст, посвященный данному направлению.
Проблема в том, что у меня, не получилось создать грамотный банер. Получилось "сделай сам". А это только навредит. Поэтому, для меня крайне важно качество работы.
Ольга, если у Вас будут вопросы, пожалуйста, пишите.
С уважением
Олег
17 grudnia 2015
Уважаемые дизайнеры, пожалуйста, прежде чем представлять работу, прочтите описание задания и посмотрите изображение, на приведенном примере.
Поверьте, отклонять работы, не самое приятное занятие.
Посмотрите на картинку прикрепленную ниже - один основной объект, нечеткий задний фон.
Это создает легкость, благодаря "воздуху" в банере и незагруженостью мелкими деталями.
Пожалуйста, не торопитесь.
Как было указано в описании, главное качество работы
Здравствуйте Олег!
По каким критериям вы отклонили мои работы?
Вроде бы сделал все по вашим требованиям.
Дело в цветах и деталях или же общая концепция?
Уважаемый заказчик, пишите пожалуйста обоснованную причину отклонения работ. Указываете пожалуйста конкретные моменты, а не ограничивайтесь фразами "легче" или другими, для многими эти понятия толкуются по разному. Только имея обратную связь, можна достичь желаемого результата.
18 grudnia 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 grudnia 2015
Сергей Александрович, банеры, которые прикреплены к заданию, выполнены на уровне "сделай сам".
Увы, мои навыки позволяют, лишь это. Мне же необходимо качество, которое доступно человеку, чьей специализацией является создание подобных работ.
Скажите пожалуйста, "выделяется" ли банер на данном изображении?
Вот такого эффекта, мне совершенно не удалось добиться
Поэтому был объявлен конкурс
19 grudnia 2015
К сожалению не удалось прикрепить скриншот
Но перейдите по ссылке http://theme-fusion.com/avada/home-version-5/
От себя могу сказать что у вас хороший уровень "сделай сам".
Вы хотите получить вариации серого фона и цветного самолета/корабля?
Прикрепленные вами баннеры не устраивают тем что им мало"легкости"?
Ирина, зачем столько вариантов одинаковых?
Да, меняется пару буковок на слайде, но идея то одна у всех... Можно было просто написать "концепт, правки возможны" :)
Это сугубо мое мнение)
Опять же, Ирина, может вы просто решили сыграть в игру: "Найди новое отличие на новом слайде?" :)
Это же детский сад...
Ну, простите))
