<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Блог веб-студии Магвай &#187; Дизайн</title>
	<atom:link href="http://blog.magwai.ru/rubric/design/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.magwai.ru</link>
	<description>корпоративный блог веб-студии Магвай</description>
	<lastBuildDate>Fri, 27 Aug 2010 11:28:35 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.6</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Как сделать хороший сайт</title>
		<link>http://blog.magwai.ru/456/</link>
		<comments>http://blog.magwai.ru/456/#comments</comments>
		<pubDate>Mon, 12 Jul 2010 14:03:36 +0000</pubDate>
		<dc:creator>m4a1</dc:creator>
				<category><![CDATA[Веб-сайты]]></category>
		<category><![CDATA[Дизайн]]></category>

		<guid isPermaLink="false">http://blog.magwai.ru/?p=456</guid>
		<description><![CDATA[Посмотрите на наше портфолио на сайте и на фрилансе. Наверняка вам понравились некоторые работы. Наверняка вы хотите позвонить и сказать: &#171;А сделайте нам сайт как вон тот из портфолио&#187;. Это хорошее начало. Но прежде давайте пробежимся по процессу создания сайта и попытаемся понять что нам вместе с вами придется пережить  
Обычно говорят: сайт начинается с дизайна. [...]]]></description>
			<content:encoded><![CDATA[<p>Посмотрите на наше <a href="http://magwai.ru/portfolio">портфолио</a> на сайте и на <a href="http://www.free-lance.ru/users/magwai">фрилансе</a>. Наверняка вам понравились некоторые работы. Наверняка вы хотите позвонить и сказать: &laquo;А сделайте нам сайт как вон тот из портфолио&raquo;. Это хорошее начало. Но прежде давайте пробежимся по процессу создания сайта и попытаемся понять что нам вместе с вами придется пережить <img src='http://blog.magwai.ru/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p>Обычно говорят: сайт начинается с дизайна. Это не совсем правда. <strong>Сайт начинается с отношений людей, которые его делают между собой</strong>. С нашей стороны с вами будет работать проект-менеджер. Он очень заинтересован в создании сайта. Не просто в получении предоплаты от вас, а именно в доведении проекта до успешного конца. Во-первых, только за работающий проект менеджер получит деньги. Во-вторых, менеджер играет ключевую роль в создании сайта: он с вами придумывает идею сайта, проектирует интерфейс, продумывает управление вашей информацией. Сайт &#8211; это продукт менеджера, это его гордость, на него он тратит иногда несколько месяцев своей работы. Поэтому проект-менеджер очень хочет видеть ваш работающий сайт, чтобы сказать потом, что это именно он его сделал, чтобы ваш сайт выигрывал на конкурсах сайтов. Так вот, если у вас не пошло общение с проект-менеджером &#8211; сайт будет плохим. Потому что проект-менеджер не захочет вечерком вместо чтения блогов, твиттеров посерфить интернет и найти хорошую идею для вашего сайта. Он не будет придираться к макету, который нарисует дизайнер. Он не будет трясти программиста, чтобы у вас сайт был напичкан всякими клёвыми эффектами. Он может просто поработать с вами по договору и ТЗ &#8211; именно так и делаются говносайты: в соответствии с чем-то, а не для чего-то. Но обычно мы до этого не доводим, а просто прекращаем отношения.</p>
<p><em><strong>Совет №1.</strong> Помните, все самое классное делается не по договору. <strong>Замечательные вещи рождаются от желания одного человека сделать приятно другому</strong>. Это и есть ключ к созданию яркого эмоционального сайта. Ни один из сайтов, которые вы видите в нашем портфолио не был спроектирован именно таким в деталях. Вначале проекта мы не будем знать что будет с итоге. Это нормально. У нас всегда только один посыл: сделать круто. И если вы хотите попробовать &#8211; добро пожаловать.</em></p>
<p>Теперь дизайн. Это самая сложная и интересная часть проекта. Здесь мы уважаем ваше мнение, именно поэтому его учитывать будем только в части вашего фирменного стиля и общей идеи сайта. В остальном вам придется доверять нашим дизайнерам. Сначала менеджер проработает с вами идею сайта: как решить задачу вашего сайта, какими графическими средствами, как зацепить &laquo;посетителя&raquo;. Все это будет изложено в &laquo;концепции сайта&raquo;. Дизайнер подготовит эскизы некоторых страниц. <strong>Вы, проект-менеджер и дизайнер должны начать смотреть в одну сторону</strong>. В этом и есть суть концепции. Потом начинается самый рискованный этап: вы уже заплатили предоплату и подписали бумажку (концепцию), но что получится в итоге непонятно. Получается хорошо всегда, но &laquo;хорошо&raquo; по нашему мнению, потому что проект-менеджер расшибется, чтобы сделать хорошо (ну если вы ему не оплавили мозг несовместимыми с сайтом идеями). А вот если дизайн вам не понравился &#8211; это реально фейл. Потому что, предоплата за дизайн не возвращается (дизайнер-то уже поработал) и второго варианта не рисуется. Такое иногда бывает &#8211; это нормально. Это риск, как и все что связано с новизной.</p>
<p><strong>Почему мы не рисуем более одного макета дизайна?</strong> Потому что те кто так делают &#8211; это обманщики. Что такое дизайн сайта? Это идея, воплощенная в графических образах. Разработка идеи и ее воплощение занимают время двух людей: проект-менеджера и дизайнера (так у нас, может быть и больше). Их время стоит дорого. Мы посчитали их время, усилия и зарплату, нашу прибыль и называем вам цену, которая все это покрывает. За это вы получаете макет дизайна в соответствии с согласованной нами идеей. Если кто-то говорит, что за те же деньги он сделает 3 варианта: значит его реализация стоит в 3 раза дешевле и он в общую цену заложил реализацию 3х идей. Ну возможно еще учел риски, что в большинстве случаев примут 1й или 2й вариант, а не заставят рисовать 3. Что значит &laquo;реализация стоит в 3 раза дешевле&raquo;? Это значит, что:</p>
<ul>
<li>Проект-менеджер и дизайнер получат в 3 раза меньше денег. Это может означать либо что они работают на энтузиазме (а он быстро кончается), либо уровень их квалификации таков, что позволяем им платить в 3 раза меньше.</li>
</ul>
<p>или</p>
<ul>
<li>Над вашей идеей будет работать только дизайнер, а значит он плохой дизайнер, потому что ему приходиться ездить на встречи, вести переписку, убеждать вас в чем-то. То есть в это время он не занимается своим любимым делом, а тратит время своей профессиональной жизни. Таких много. Берегитесь дизайнеров-менеджеров.</li>
</ul>
<p>или</p>
<ul>
<li>Риски по изготовлению 3х вариантов рассчитаны так, что вам нарисуют 1 приличный вариант и 2 так, чтобы было что показать. Ну так жизнь устроена: &laquo;7 шапок из одной овцы не выкроишь никак&raquo;.</li>
</ul>
<p><em><strong>Совет №2.</strong> Не кушайте мозг дизайнеров. Это творческие люди. Поверьте, мы следим за тем, чтобы наши дизайнеры показали свой лучший результат и фильтруем все посредственное еще до того как вы это увидите. Если вам нарисовали совсем не то и это соответствует концепции, то с этим уже ничего не поделаешь. Практика показывает, что такое случается только когда заказчик не готов к тому, что мы не просто будем операторами фотошопа, а еще подумаем и сделаем так, как мы это видим, как правильно с нашей точки зрения. <strong>Мы правда думаем, что знаем о сайтах больше вас</strong>. И это правда. За вашими плечами нет сотен сайтов <img src='http://blog.magwai.ru/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </em></p>
<p>Дизайн нарисован. Теперь можно расслабиться, потому что основные риски проекта позади. Программирование как правило &#8211; это просто оживление того что нарисовано. Мы искренне хотим сделать наши сайты технологичнее. Следим за валидностью верстки, ее чистотой, используем самые современные средства анимации. За редким исключением тут проблем кроме причесывания эффектов и адаптации под разные разрешения не возникает. Очень важно сразу при создании сайта определиться с разрешением, под которым сайт будет работать. Пока наша рекомендация остается в изготовлении сайтов под 1024px в ширину с возможностью корректно тянуться до 1600px.</p>
<p>Часто вы просите нас сделать так, чтобы ваш сайт выглядел одинаково на всех экранах. Это возможно, но это отстой. Сайт &#8211; это не газета, не журнал. У этих изданий есть формат и физические размеры. Все тексты подогнаны дизайнером с точностью до символа. Мы всегда можем зафиксировать ваш сайт по ширине и высоте, чтобы ничего не сползало. Но сейчас ваш экран в среднем не более 1900px по ширине. Через 5 лет вы удивитесь как работали за таким маленьким монитором и ваш сайт будет по-сиротски болтаться в центре и иметь очень мелкий текст. <strong>Сайты должны не вписываться в ваш дисплей, а отображаться корректно на большинстве дисплеев ваших посетителей</strong>. А ваши посетители уже покупают айпады и вообще им лень включать комп, они смотрят сайт с телефона. Мы об этом думаем, а вы как правило об этом даже не знаете. Поэтому готовый сайт будет выглядеть хорошо для ваших посетителей, а не для вас, если вы не представляете большинство пользователей.</p>
<p><em><strong>Совет №3.</strong> Позвольте нашим программистам сделать ваш сайт &laquo;правильным&raquo;. Все на сайте должно быть расположено по какой-то логике, иначе этим нельзя будет пользоваться и сложно управлять. Помните, что <strong>сайт &#8211; это всегда компромисс между идеалом, представленным дизайнером и реальным опытом использования, который должен учитывать программист</strong>.</em></p>
<p>Ваш сайт готов, он наполнен и готов к запуску. На нашем тестовом домене сайт работает замечательно. И конечно вы хотите, чтобы сайт немедленно стал вашим. Как правило это означает, что вы его заберете и повесите на супер надежный хостинг. Причем выбор хостинга не всегда определяется даже нашей рекомендацией. Ну так сложилось, что мальчик-сисадмин в начале века купил хостинг и вы просто за него платите ежегодно. Конечно новый сайт заливается непойми куда и работает непойми как.</p>
<p>Дело тут вот в чем. Когда мы вам показываем сайт, он работает на нашем сервере, на котором помимо вас есть еще около 50 сайтов. Процессор загружен не более чем на 5-10%, память используется максимум на треть. И эти показатели не изменятся, мы просто купим еще 1 сервер &#8211; это дешево и несложно. А, например, на массвом хостинге я недавно наблюдал 2454 пользовательских аккаунта. На каждом аккаунте может быть несколько сайтов. Это нормальная практика. Может и не тысячи, но сотни сайтов на одном сервере вполне себе спокойно крутятся. Все хостеры утверждают, что ваш сайт будет открываться быстро, что все данные в полной сохранности. Но для человека незнакомого с хостингом это рулетка. Обычно мы рекомендуем хостинги masterhost.ru, 1gb.ru и nic.ru. Это крупные российские хостинги. Но скорость вашего сайта будет зависеть от вашей удачи. Попадете на незагруженный сервер – вам повезло. Но <strong>никто не гарантирует, что к вам на сервер не “подселят” сайт с тяжелыми запросами или потребляющий много траффика</strong>. Сайтов много, сервер мощный, а канал-то один. И канал все сайты делят поровну или с приоритетом на дорогие аккаунты.</p>
<p>Мы хостингом как таковым не занимаемся. Но своих клиентов всегда готовы разместить на своих серверах за адекватную общим ценам плату. И мы очень рекомендуем размещать наши сайты у нас, потому что:</p>
<ul>
<li>Мы знаем что нашим сайтам нужно и можем оказать вам любую помощь. Например, несколько наших сайтов конвертируют, показывают видео и делают скриншоты из видео. На публичных хостингах эту возможность нужно еще найти или доплатить.</li>
<li>На сервере стоит все нужное ПО для ускорения сайтов: eaccelerator, memcached, nginx. Это дает существенный прирост производительности. А главное, это ПО настроено именно для наших сайтов. Например, мы знаем какие каталоги вашего сайта содержат картинки и отдаем их пользователю с помощью сервера nginx, а не более тяжелым apache. Мы сжимаем ваши скрипты и файлы стилей для ускоренния загрузки страниц.</li>
<li>Мы вас не отключим без вашего ведома и вам не придется доплачивать за выуживание ваших данных. Мы предупредим вас об оплате заранее и выставим счет.</li>
<li>Мы быстрее внесем правки в ваш сайт или установим новые модули. Мы сразу прекратим доступ к сайту уволенному вами сисадмину, сменим пароли и поможем совершить действия с доменами, e-mail, установим google mail и прочее.</li>
</ul>
<p><em><strong>Совет №4.</strong> Внимательно отнеситесь к выбору хостинга. <strong>Сайт делается один раз, а хостится постоянно</strong>. Большинство ваших клиентов сидят на быстром интернете. Если ваш сайт тормозит – это просто отстой, это либо кому-то наплевать, либо денег нет на хороший хостинг. Посетитель этого знать не должен. Посещение быстрых сайтов улучшает настроение <img src='http://blog.magwai.ru/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </em></p>
<p>Что такие сайт? Это реклама. Никому не нужно как он выглядит и как работает. Важно то, как он представляет вас в интеренете, как продает и какое впечатление оставляет. Не забывайте, вы в интернете. Тут всем все побоку. Здесь тонны информации. Ваш сайт – это еще один кусочек рекламы. Никто не будет читать ваши тексты о компании, историю, смотреть фото дружного коллектива. Посетителям нужно 2 вещи: товары на торговых сайтах и впечатления на корпоративных сайтах. Болтовня, тексты, фотки, видео – это для блогов и соц. сетей. Вы делаете сайт компании? Вы хотите произвести впечатление на посетителя? Не просите нас уменьшить картинку на главной. Она там необходима именно в большом размере и именно в сочных цветах. К вам не будут заходить дизайнеры, специалисты по юзабилити – все те кто скажет, что Магвай делает сайты с большими картинками. К вам придут люди, которые могут через 3 секунды просмотра получить сообщение в аську и закрыть ваш сайт. А потом вспомнить, что ваш сайт с подгузниками это тот, на котором большой милый малыш, ваш магазин сумок – это там где сумка-остров. <strong>Люди помнят образами, а мы создаем эти образы</strong>. То что вы привыкли вдалбливать в головы людей название вашей компании с помощью растяжек, рекламы по ТВ, раздаток – это все хорошо, но не в интернете. В интернете вам будет уделено очень мало внимания. И за короткое время ваш сайт должен это внимание захватить полностью.</p>
<p><em><strong>Совет №5.</strong> Не пытайтесь сделать сайт – это трата денег. <strong>Делайте ваш образ, лицо в интернете и по правилам интернета, а не полиграфии</strong>. Цепляйте аудиторию, давайте повод поговорить про вас.</em></p>
<p>Пробуйте делать сайты с нами, особенно если у вас есть идеи и вы горите ими и хотите дать им жизнь. Мы постараемся увидеть вашу идею, предложить свою реализацию и сделать так как видим это лучшим образом. Внимательно посмотрите наше портфолио. Решите, подходит ли вам стиль работ, сможете ли вы принять то, что будет хорошо для ваших посетителей, но не понравится вам. Пробуйте, не бойтесь тратить время и деньги на свой имидж. Да, у нас дорого делать сайты, но только так мы можем купить для вас время и идеи лучших разработчиков. Доверяйте нам как вы доверяете стоматологам или парикмахерам. Мы не подведем.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.magwai.ru/456/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>Наши правила работы</title>
		<link>http://blog.magwai.ru/384/</link>
		<comments>http://blog.magwai.ru/384/#comments</comments>
		<pubDate>Wed, 17 Feb 2010 08:48:38 +0000</pubDate>
		<dc:creator>shantall</dc:creator>
				<category><![CDATA[Дизайн]]></category>

		<guid isPermaLink="false">http://blog.magwai.ru/?p=384</guid>
		<description><![CDATA[День рождения студии – время для подведения итогов и размышлений о будущем. Поэтому мы в дополнение к перечисленным ранее общим принципам  сформировали наши принципы по процессу работы.
Мы выполняем широкий спектр услуг &#8211; от интернет-брендинга до рисования флеш-мультфильмов. Чтобы результат нравился и нам и заказчику нужно задать правила игры и строго их придерживаться.
Работа над дизайном начинается [...]]]></description>
			<content:encoded><![CDATA[<p>День рождения студии – время для подведения итогов и размышлений о будущем. Поэтому мы в дополнение к перечисленным ранее общим принципам  сформировали наши принципы по процессу работы.</p>
<p>Мы выполняем широкий спектр услуг &#8211; от интернет-брендинга до рисования флеш-мультфильмов. Чтобы результат нравился и нам и заказчику нужно задать правила игры и строго их придерживаться.</p>
<p>Работа над дизайном начинается с формирования концепции. Концепция неизбежно зависит от стиля, в котором мы работаем. Концепция состоит из описательной модели сайта (описание идей по подаче информации) и набросков от руки, выполненных менеджером или дизайнером.</p>
<p>У нас 2 направления в дизайне.</p>
<p>Первое – это эмоциональные и красивые сайты.  Иллюстрации для этих сайтов наши специалисты рисуют от руки или делают тех.дизайн. Причем это направление – это не только красивая картинка, это сайт, который несет эмоцию, ощущение. Поэтому за формированием идеи иллюстрации, сразу же идет юзабилити сайта. Это важно, т.к. зачастую многие толковые дизайны заканчиваются красивой картинкой, все остальное вызывает у посетителя негодование – жутко неудобная подача информации, огромная иллюстрация мешает восприятию – о юизабилити вообще никто не думает. Для нас самое главное, чтобы сайт был не только красивым, но и удобным. Посетитель закрывает сайт и остается с приятными эмоциями – ему понравилось.</p>
<p>Второе – это информационный дизайн. У нас таких сайтов немного, но нам очень нравится делать в таком «западном» стиле. Нам нравится просто и удобный сайт apple, зарубежные сайты с плашками, реалистичными фотками и закругленными краями. Это то направление в дизайне, которое мы считаем перспективным, и будем развивать его. Красивые, идейные дизайны хороши для промо-сайтов, а корпоративные сайты должны быть строгими, внушающими доверие и удобными.</p>
<p>Мы делаем один вариант дизайна. И только один. К нему прилагается 2 списка доработок. Это обусловлено тем,  что изначально мы делаем вариант, который на наш взгляд – самый оптимальный. Мы делаем коктейль из требований заказчика, направления деятельности и формирования эмоций. Это наш взгляд и наше видение. Мы делаем каждую работу не наотмашь, а как для самих себя. Мы гордимся портфолио и не собираемся ухудшать качество наших работ.  Поэтому на 2-ух доработках наши работы над макетом заканчиваются. Мы никогда не переделываем основную концепцию дизайна. Если концепция дизайна должна быть изменена, по мнению заказчика, то мы закрываем произведенные работы и заново начинаем делать новую концепцию за новую стоимость.</p>
<p>Мы делаем фирменный стиль. Каждый фирменный стиль сопровождается концепцией. Здесь еще более сложно, чем с разработкой дизайна сайта. Потому что лого – это то, с чем клиент будет жить все оставшееся время. Если редизайн сайта делает относительно нечасто, то ребрендинг не делается никогда, за исключением отдельных случаев. Мы предоставляем 3 лого разных концепций. У лого не бывают доработок – либо нравится, либо нет. Мы не рисуем просто значки – это всегда осмысленный графический объект, за которым стоит идея. Далее к выбранному варианту предоставляется визитная карточка, фирменный бланк и конверт. Также по одному варианту.</p>
<p>Мы делаем флеш-анимацию и флеш-баннеры. Также они основаны на концепции. Предоставляется 1 вариант по утвержденному сценарию. Все эффекты, используемые картинки описываются в сценарии.</p>
<p>Мы делаем флеш-мультики. Стиль персонажей, сценарий обычно выбирается нами по пожеланиям заказчика. Мы создаем креативные флеш-мультфильмы, которые могут рекламировать что-то, рассказывать или показывать. Флеш-мультфильм – очень трудоемкая и продолжительная по времени работа, поэтому концепция и сценарий в ней самое главное – это основа работы. После предоставления результата клиент может сформировать 1 список доработок, не влияющий на концепцию. Аналогично &#8211; если концепция дизайна должна быть изменена, по мнению заказчика, то мы закрываем произведенные работы и заново начинаем делать новую концепцию за новую стоимость.</p>
<p>Программирование мы выполняем строго по техническому заданию. После выполнения работ мы предоставляем клиенту 2 недели на тестирование сайта по соответствию техническому заданию. После этого составляется 1 список доработок несоответствий техническому заданию и неправильной работы (ошибок) сайта. После этого ошибки, найденные заказчиком в дальнейшем, исправляются бесплатно, если являются таковыми. Если нужны доработки по программной части, не указанные в техническом задании, единоразово – составляется доп.соглашение. Если клиент планирует развивать сайт и постоянно возникают доработки – то заключаются общий договор на обслуживание с абонентской платой раз в месяц. За эту плату мы вносим изменения в сайт и можем добавлять информацию.</p>
<p>Как итог – мы делаем уникальный продукт. Мы делаем его по пожеланиям заказчика. В любых графических работах мы действуем как профессионалы, вкладываем свое видение и учитываем пожелания заказчика, высказанные на начальном этапе работы. Основой всего является концепция или сценарий – который формируется сразу и не может быть изменен в процессе или после окончания работ по данным материалам. После предоставления концепции клиент может скорректировать ее, но после принятия мы стартуем именно с принятой и одобренной концепцией и выполняем работы по ней.</p>
<p>Мы делаем красивые и качественные работы. Мы знаем как и умеем это делать.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.magwai.ru/384/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Прототипы нужны, прототипы важны</title>
		<link>http://blog.magwai.ru/264/</link>
		<comments>http://blog.magwai.ru/264/#comments</comments>
		<pubDate>Fri, 18 Dec 2009 06:53:55 +0000</pubDate>
		<dc:creator>shantall</dc:creator>
				<category><![CDATA[Веб-сайты]]></category>
		<category><![CDATA[Дизайн]]></category>
		<category><![CDATA[Процесс]]></category>

		<guid isPermaLink="false">http://blog.magwai.ru/?p=264</guid>
		<description><![CDATA[У нас особый подход к дизайну сайта. Для нас дизайн – это лицо сайта, поэтому о нем мало того, что не нужно забывать – на него в первую очередь нужно делать все ставки. Дизайн должен оставлять впечатления. Он не должен быть серым, простым, как у всех. Посетитель сайта должен открыть 10 вкладок и запомнить только [...]]]></description>
			<content:encoded><![CDATA[<p>У нас особый подход к дизайну сайта. Для нас дизайн – это лицо сайта, поэтому о нем мало того, что не нужно забывать – на него в первую очередь нужно делать все ставки. Дизайн должен оставлять впечатления. Он не должен быть серым, простым, как у всех. Посетитель сайта должен открыть 10 вкладок и запомнить только одну – Вашу. Дизайн должен обладать запоминающимся визуальным рядом. Жаль, что многие студии и дизайнеры воспринимают это превратно и рисуют бессмысленные красивые картинки. Любые красивые иллюстрации должны быть приправлены идеей, которую запомнит посетитель, но самое важное – эти главные блюда должны быть «с гарниром» юзабилити.</p>
<p>Так и рождаются прототипы сайтов. Идея визуального ряда + удобство пользователя в восприятии его и остальной, самой важной части сайта – информации. Если дизайн – это красивая этикетка, то информация – это конфетка, которую удачно продает обертка. Прототип же призван определить верность направления работ над дизайном в самом начале работ. На самом деле, прототип – удобнейшая штука. Это презентация идеи сайта и его юзабилити &#8211; два в одном. Прототип может быть выполнен от руки, обычно применяется в случае ощущения менеджером полного понимания задач заказчика, или в виде скетчей, отрисованных в графическом редакторе – чаще всего используется Photoshop. В последнем случае получается чистенький, аккуратненький – недомакет, т.е. вид у него говорит за себя – «меня нужно тщательно доработать, я готов на 30%». Это элемент пробы – пробы взаимопонимания менеджера и заказчика. Но вполне достойный элемент, на основании которого заказчик составляет понимание, что же в итоге он получит. На этом этапе прототипу отведена роль камня на распутье – либо мы идем дальше и все замечательно, либо наш с заказчиком взгляд на сайт расходится. В 95% случаях у нас случается первая дорога. Ниже мы расскажем об этом на подробных примерах.</p>
<p>Так было с одним из самых наших любимых заказчиков – компанией «ДейРе». Идеей сайта которого был персонаж-девушка, идущая по жизни с сумками из ДейРе. Как видите, прототип стал указателем верного пути</p>
<p><a href="http://blog.magwai.ru/wp-content/uploads/2009/12/pic1.1.png" target="_blank"><img class="alignnone size-full wp-image-274" title="pic1.0" src="http://blog.magwai.ru/wp-content/uploads/2009/12/pic1.0.png" alt="pic1.0" width="260" height="183" /></a> <a href="http://blog.magwai.ru/wp-content/uploads/2009/12/pic1.2.jpg" target="_blank"><img class="alignnone size-full wp-image-275" title="pic1.0.1" src="http://blog.magwai.ru/wp-content/uploads/2009/12/pic1.0.11.png" alt="pic1.0.1" width="214" height="179" /></a></p>
<p>Компании «ГеоБалт» понравилась идея с островками-услугами и жутко юзабельный, на наш взгляд, переключатель между ними</p>
<p><a href="http://blog.magwai.ru/wp-content/uploads/2009/12/скетч2.jpg" target="_blank"><img class="alignnone size-full wp-image-280" title="pic2.1" src="http://blog.magwai.ru/wp-content/uploads/2009/12/pic2.1.png" alt="pic2.1" width="217" height="226" /></a> <a href="http://blog.magwai.ru/wp-content/uploads/2009/12/v3.jpg" target="_blank"><img class="alignnone size-full wp-image-281" title="pic2.2" src="http://blog.magwai.ru/wp-content/uploads/2009/12/pic2.2.png" alt="pic2.2" width="189" height="229" /></a></p>
<p>А для сайта о ремонтных работах мы сделали несколько примерных прототипов, на основании выбранного был сделан окончательный вариант</p>
<p><a href="http://blog.magwai.ru/wp-content/uploads/2009/12/ремонт2.png" target="_blank"><img class="alignnone size-full wp-image-284" title="pic3.1" src="http://blog.magwai.ru/wp-content/uploads/2009/12/pic3.1.png" alt="pic3.1" width="191" height="236" /></a> <a href="http://blog.magwai.ru/wp-content/uploads/2009/12/ремонт8.png" target="_blank"><img class="alignnone size-full wp-image-285" title="pic3.2" src="http://blog.magwai.ru/wp-content/uploads/2009/12/pic3.2.png" alt="pic3.2" width="185" height="241" /></a></p>
<p>Несложно заметить, что прототипы могут быть очень похожи на будущий макет, а могут содержать лишь очертания идеи, которую нужно красиво и качественно воплотить в «чистовике» дизайн-макета сайта. Это видение студии задач заказчика.</p>
<p>Мы уже говорили, концепцию сайта разрабатываем мы, но бывает и такое, что у заказчика есть свое видение сайта, соглашаться с которым или нет &#8211; уже вопрос для студии.</p>
<p>Так было с нашими, уже можно точно сказать бывшими, клиентами – газетой «Новые деловые вести». У заказчика было твердое мнение – хочется «резиновый» сайт газеты. Также нужно было перенести практически полностью содержание и стиль оффлайн газеты на сайт. Такие моменты, что все-таки печатное СМИ и его он-лайн версия – это немного разные вещи, не учитывалось заказчиком – ему нужна была копия газеты в интернете. Нам заказчик предложил модульную сетку ( свой бумажный набросок) и мы «решили попробовать».</p>
<p>Что-то сразу в этом насторожило – так мы никогда еще не работали, у дизайнера сразу возникли моральные протесты против видения заказчика. Не нравилось то, идея сайта нас не цепляла, а, следуя профессиональному чутью, она могла также не зацепить клиентов. Не было в этом чего-то нового, креативного, изюминки. Но, несмотря на все эти знаки-предупреждения – мы начали делать.</p>
<p>Ориентировались на сайты офф-лайн изданий, в которых используется черно-белая подача текстовой информации с цветными яркими рекламными баннерами. Фото тоже решили сделать цветными, на момент демонстрации скетча не было цветных фото и мы решили вставить тематические из интернета.</p>
<p>Вообщем, получилось так</p>
<p><a href="http://blog.magwai.ru/wp-content/uploads/2009/12/Nnnn.png" target="_blank"><img class="alignnone size-full wp-image-289" title="ndv11" src="http://blog.magwai.ru/wp-content/uploads/2009/12/ndv111.png" alt="ndv11" width="337" height="618" /></a></p>
<p>Заказчик начал пытаться изменить в этом &laquo;макете&raquo; цвет кнопок, внести свой материал, разрядить расстояния, т.е. работать с текущим материалом, хотя это был прототип. Мы же, поняли, что получается совсем не то, что мы видим как онлайн версию оффлайн издания.</p>
<p>В итоге, пути наши разошлись. Заказчик забрал прототип, размышляя о нем как о полноценном макете и не понимая, что это эскиз сайта, с которым до реализации еще работать и работать.</p>
<p>Как недавно мы прочитали на сайте студии Интерволга  – компания «Новые деловые вести» с их помощью приобретет вид «СМИ будущего, когда, следуя мировым тенденциям, газеты будут все меньше основываться на бумажной версии издания. В чем-то сайт будет просто качественным зеркалом бумажной газеты, в чем-то новым и необычным.» Надеемся у них получится совместить пожелания заказчика с видом СМИ будущего.</p>
<p>Как итог, прототипы – нужны, прототипы – важны. Прототип – это всегда лакмусовая бумажка взаимопонимания заказчика и исполнителя. Это эскиз видения студии будущего сайта, который должен решать все основные задачи клиента. Чаще всего заказчик видит на прототипе то, что ему нравится как промежуточный и грезится как финальный результат. А иногда видение студии и заказчика расходятся, и тогда прототип это также явно отражает.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.magwai.ru/264/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>История одного проекта</title>
		<link>http://blog.magwai.ru/241/</link>
		<comments>http://blog.magwai.ru/241/#comments</comments>
		<pubDate>Thu, 17 Dec 2009 13:09:37 +0000</pubDate>
		<dc:creator>shantall</dc:creator>
				<category><![CDATA[Веб-сайты]]></category>
		<category><![CDATA[Дизайн]]></category>

		<guid isPermaLink="false">http://blog.magwai.ru/?p=241</guid>
		<description><![CDATA[В продолжение разговора о региональности волгоградских заказчиков. Многое уже было сказано, но мысли о том, что это неизменный атрибут региона не перестают посещать нас. Разбирая папочку «Проекты», я наткнулась на проект типографии «Флексопринт». Это был один из первых проектов нашей студии и явный пример региональности мышления заказчика.
Они обратились ко многим волгоградским студиям и провели тендер [...]]]></description>
			<content:encoded><![CDATA[<p>В продолжение разговора о региональности волгоградских заказчиков. Многое уже было сказано, но мысли о том, что это неизменный атрибут региона не перестают посещать нас. Разбирая папочку «Проекты», я наткнулась на проект типографии «Флексопринт». Это был один из первых проектов нашей студии и явный пример региональности мышления заказчика.</p>
<p>Они обратились ко многим волгоградским студиям и провели тендер на разработку сайтов. Получили много коммерческих предложений, сумма которых, как потом поведал ген.директор компании, была примерно одинакова. Но различия были – а именно качество выполнения работ по созданию сайта, и самое главное, дизайна сайта. Таким образом, у типографии осталось 2 кандидата. Один из которых славился своими способностями в программной части и мы, молодая, начинающая студия с малым количеством работ. Нас пригласили на переговоры, в ходе которых была выяснена основная потребность заказчика – нужно сделать новый сайт, красивый, с идеей. Этот сайт должен являться «маркетинговым инструментом» привлечения новых клиентов и партнеров, за счет демонстрации возможностей компании. После переговоров мы заключили договор, получили предоплату и начали работать. И началось самое интересное</p>
<p>Оговорюсь сразу, методы работы у нас несколько отличаются от студий, где при разработке дизайна есть только ТЗ с общими словами. Мы делаем не ТЗ на дизайн, мы делаем концепцию сайта. Сюда входят многие составляющие, начиная от идеи визуального ряда – сделать сайт запоминающимся, выделиться из толпы, заканчивая продумыванием юзабилити сайта – созданием графических прототипов страниц, все это приправлено соусом информационной модели сайта. Вообщем, если по-простому – много набросков, эскизов, описаний делается до разработки чистового варианта макета. Зато, при таком подходе, в последних 10-ти сайтах мы ни разу не вносили доработок в чистовой макет дизайна. Заказчик принимал все сразу.</p>
<p>Итак, приступили к работе. Была разработана концепция, опирающаяся, на демонстрацию возможностей компании. Возможностей у компании было много, самое первое – это деление производства на упаковку и этикетку, затем уже шло ветвление на области применения в колбасной, молочной промышленности и т.д., и т.п.. Заказчик хотел, чтобы посетители сайта видели сразу – чем компания занимается, что может, в чем можно сотрудничать.</p>
<p>Первая идея называлась – «Кратко обо всем» и базировалась на представлении несуществующего предмета в форме упаковки майонеза или колбасы, состоящего из мелких частей других упаковок, при наведении на часть – рядом открывалась информация об этой части. Мы настаивали на форме колбасы, т.к. на ней можно было выгодно разместить еще и этикетку. В итоге – получалось отразить сразу все возможности компании.</p>
<p><img class="alignnone size-full wp-image-242" title="pic1" src="http://blog.magwai.ru/wp-content/uploads/2009/12/pic1.png" alt="pic1" width="613" height="461" /></p>
<p>Даже был разработан сразу же прототип страницы, по качеству, похожий на полноценный дизайн-макет</p>
<p><img class="alignnone size-full wp-image-243" title="pic13" src="http://blog.magwai.ru/wp-content/uploads/2009/12/pic13.png" alt="pic13" width="640" height="720" /></p>
<p>Презентовали макет и идею вместе с дизайнером целому совету из начальников отделов и директоров. Тут-то и выяснилось, что лицо, принимающее решение, сменилось и теперь задачи другие. Просто креатив теперь был не основное – теперь нужно было «сложно креатив». После совещания мы остались с начальником дизайн-студии и коммерческим директором. На примерах дизайнера <a href="http://www.free-lance.ru/users/freeger">Степана Бурлакова ака Freeger</a>, нам объяснили, что хотят супер-мега креативную идею, с разными крутыми элементами в стиле Модного Дома Москино и арт-хауса. Мы призадумались, но потом покивали с улыбкой – креатив, наше богатство. И началась череда идей, эскизов и набросков в количестве 6-8 штук, разных штук.</p>
<p>Упаковка в виде куба, которая из двухмерности перерастает в трехмерность. Основная идея – отразить упаковку и этикетку, показывая неограниченные рамками возможности заказчика</p>
<p><img class="alignnone size-full wp-image-244" title="pic2" src="http://blog.magwai.ru/wp-content/uploads/2009/12/pic2.png" alt="pic2" width="495" height="480" /></p>
<p>Далее шел некий цикл идей, объединенный сферической формой. Смысл – мир, земля, могущество компании. Опять же, совмещение в рисунке двух направлений – упаковки и этикетки, либо на одном объекте, либо на двух разных</p>
<p><img class="alignnone size-full wp-image-245" title="pic3" src="http://blog.magwai.ru/wp-content/uploads/2009/12/pic3.png" alt="pic3" width="600" height="444" /></p>
<p><img class="alignnone size-full wp-image-246" title="pic4" src="http://blog.magwai.ru/wp-content/uploads/2009/12/pic4.png" alt="pic4" width="600" height="334" /></p>
<p>Далее заказчик предложил в качестве объекта использовать пирамиду, как что-то древнее, мистическое, наполненное глубинным смыслом. И понеслось –</p>
<p><img class="alignnone size-full wp-image-247" title="pic5" src="http://blog.magwai.ru/wp-content/uploads/2009/12/pic5.png" alt="pic5" width="600" height="399" /></p>
<p>Наличие разных элементов в картинке, коллажа из артхаусных идей, смыслов.</p>
<p><img class="alignnone size-full wp-image-248" title="pic8" src="http://blog.magwai.ru/wp-content/uploads/2009/12/pic8.png" alt="pic8" width="600" height="401" /></p>
<p>Потом все это в ярком варианте, с добавлением смысла – в пирамиду входит чистый рулон бумаги, а выходит невероятная, красивая упаковка, выполненная с креативом</p>
<p><img class="alignnone size-full wp-image-249" title="pic9" src="http://blog.magwai.ru/wp-content/uploads/2009/12/pic9.png" alt="pic9" width="600" height="401" /></p>
<p><img class="alignnone size-full wp-image-250" title="pic10" src="http://blog.magwai.ru/wp-content/uploads/2009/12/pic10.png" alt="pic10" width="600" height="401" /></p>
<p>Заказчик посчитал, что это слишком… и попросил оставить идею с пирамидой и преображением чистого рулона в пирамидной сущности</p>
<p><img class="alignnone size-full wp-image-251" title="pic6" src="http://blog.magwai.ru/wp-content/uploads/2009/12/pic6.png" alt="pic6" width="600" height="399" /></p>
<p><img class="alignnone size-full wp-image-252" title="pic7" src="http://blog.magwai.ru/wp-content/uploads/2009/12/pic7.png" alt="pic7" width="600" height="459" /></p>
<p>Получилась красивая, отмоделенная в 3D-картинка с идеей и очень маленьким намеком на Фригера – узорами сзади.</p>
<p><img class="alignnone size-full wp-image-253" title="pic11" src="http://blog.magwai.ru/wp-content/uploads/2009/12/pic11.png" alt="pic11" width="615" height="480" /></p>
<p><img class="alignnone size-full wp-image-254" title="pic12" src="http://blog.magwai.ru/wp-content/uploads/2009/12/pic12.png" alt="pic12" width="575" height="480" /></p>
<p>Заказчику понравилось, они захотели увидеть макет целиком. Мы вставили иллюстрацию в ранее созданный прототип и отправили на утверждение.</p>
<p><img class="alignnone size-full wp-image-255" title="pic14" src="http://blog.magwai.ru/wp-content/uploads/2009/12/pic14.png" alt="pic14" width="640" height="738" /></p>
<p>Утверждение, как нас предупредили, будет происходить интереснейшим образом – оказывается в то время, как у типографии «ФлексоПринт» был договор с нами, они решили подстраховаться и прочитать ранее присланные предложения. В одном из них говорилось о том, что есть волгоградская студия, которая рисует дизайн бесплатно, заметьте именно дизайн (даже не прототип), а потом уже если понравится, то делает программирование сайта. Естественно, это предложение, как бы сказать точнее, &#8211; подкупает. Никаких обязательств и бесплатный дизайн. Нас же заказчик упрекнул в том, что мы, вот, дескать, работаем по предоплате, в то время как другие бесплатно рисуют дизайн.</p>
<p>Итого, на утверждение отдалось  2 макета. И выиграл не наш. <a href="http://fleksoprint.ru/">Сайт выглядит сейчас так</a>. И, дело не в том, что мы расстроились или обиделись, наверное, после нервотрепки с идеями и желанием сделать красивый волгоградский сайт мы так устали, что нам было уже просто все равно. Но время расставило все на свои места. Сайт типографии ФлексоПринт был отдан на суд конкурса «Электронный Волгоград – 2009». На котором он занял свое 13-ое место в рубрике «сайты для продвижения услуг», и в <a href="http://www.infovolga.ru/konkurs_2009/Marks/01-03.aspx">комментариях многие указали, чем именно не нравится сайт</a> . Все-таки посетители сайта – это именно те люди, для которых делается сайт. Не о себе, не о своих идеях нужно думать при создании сайта, а именно о тех, кому потом бороться с фантастически-невнятной флеш-заставкой на главной странице, апофеозом недореализованной идеи и серостью страниц сайта.</p>
<p>Позже, после конкурса мы пытались проанализировать этот проект, понять мотивацию заказчика. И пришли к выводу, что бороться с региональным чувством нашего заказчика сложно и иногда оно берет верх. Волгоградский заказчик не готов переступить неосязаемую черту в своем сознании и сделать красивый, непохожий на других, креативный сайт. Просто не готов. Что и подтверждают слова, почерпнутые из блога одной из студий Волгограда – «Заказчик не готов платить вдвое большую цену за не видные его глазу и глазу его клиентов различия. Этакий «дизайн для красоты» нужен редко.» (с) Хотя, может такая ситуация определяется как оправдание из-за отсутствия у многих волгоградских студий профессионализма в изготовлении именно красивых сайтов -  и потому заказчик берет то, что ему более привычно (если у всех серо, зачем выделяться)? Риторический вопрос. Вот так и живем. Такие вот у нас волгоградские времена.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.magwai.ru/241/feed/</wfw:commentRss>
		<slash:comments>19</slash:comments>
		</item>
		<item>
		<title>Фанаты: Елена Степанченко</title>
		<link>http://blog.magwai.ru/212/</link>
		<comments>http://blog.magwai.ru/212/#comments</comments>
		<pubDate>Mon, 14 Dec 2009 11:11:39 +0000</pubDate>
		<dc:creator>m4a1</dc:creator>
				<category><![CDATA[Дизайн]]></category>
		<category><![CDATA[Жизнь студии]]></category>
		<category><![CDATA[фанаты]]></category>

		<guid isPermaLink="false">http://blog.magwai.ru/?p=212</guid>
		<description><![CDATA[Есть повод продолжить серию топиков про фанатов.
Имя: Елена Степанченко.
Аккаунт на фрилансе: ikea000.
Объект обожания: klinikapanacea.ru
Ссылка на оригинал
Ссылка на фан-арт



Оригинал
Фан-арт







Остается только пожелать успехов и самосовершенствования, потому что качество фан-арта не дотягивает до объекта обожания. Тени то под чашечками и деревья у вас &#8211; говно. Нашу работу Дмитрий Макеев рендерил, потом в фотошопе причесывал.
]]></description>
			<content:encoded><![CDATA[<p>Есть повод продолжить серию топиков про фанатов.</p>
<p>Имя: Елена Степанченко.</p>
<p>Аккаунт на фрилансе: ikea000.</p>
<p>Объект обожания: klinikapanacea.ru</p>
<p><a href="http://klinikapanacea.ru">Ссылка на оригинал</a></p>
<p><a href="http://www.free-lance.ru/users/ikea000/viewproj.php?prjid=1754772&amp;f=2">Ссылка на фан-арт</a></p>
<table border="0" cellspacing="5" cellpadding="0">
<tbody>
<tr>
<td style="text-align: center;"><strong>Оригинал</strong></td>
<td style="text-align: center;"><strong>Фан-арт</strong></td>
</tr>
<tr valign="top">
<td><a href="http://blog.magwai.ru/wp-content/uploads/2009/12/fanat_panacea_original.jpg"><img style="width: 270px;" src="http://blog.magwai.ru/wp-content/uploads/2009/12/fanat_panacea_original.jpg" alt="" /></a></td>
<td><a href="http://blog.magwai.ru/wp-content/uploads/2009/12/fanat_panacea_fake.jpg"><img style="width: 270px;" src="http://blog.magwai.ru/wp-content/uploads/2009/12/fanat_panacea_fake.jpg" alt="" /></a></td>
</tr>
</tbody>
</table>
<p>Остается только пожелать успехов и самосовершенствования, потому что качество фан-арта не дотягивает до объекта обожания. Тени то под чашечками и деревья у вас &#8211; говно. Нашу работу Дмитрий Макеев рендерил, потом в фотошопе причесывал.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.magwai.ru/212/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
	</channel>
</rss>
