See the full gallery on Posterous

Самое приятное в этом обновлении то, что оно никак не повлияет на цену. Так что те, кто еще не придумал подарок на 23 февраля или 8 марта — могут больше не раздумывать ;)

Permalink | Leave a comment  »

Так уж получилось, что у нас большой офис. Примерно на одну комнату больше, чем нам нужно в данный момент. Поэтому мы готовы приютить команду из 2-3 человек, работающую над своим проектом. Со своей стороны мы обещаем интернет, чай, печеньки и общение. Офис будет доступен по будням с 9 до 19. Мы решили не делать это предложение бесплатным, чтобы не привлекать любителей халявы. Но уверены, что $50/мес для команды — более чем хорошее предложение.

Если это вам интересно — присылайте на coworking@psyho.ua письмо с описанием команды, проекта, а также парой строк о том, почему именно вас мы должны пригласить к себе. 

Permalink | Leave a comment  »

See the full gallery on Posterous

К Новому году мы придумали как поздравить наших друзей, клиентов и партнеров. Каждый из них получит небольшую коробочку с конфетти и несколькими магнитными буквами. Сложить из них можно все, что угодно если это будет надпись «С Новым годом» (или «Happy new year» для англоязычных адресатов)

Permalink | Leave a comment  »

See the full gallery on Posterous

Permalink | Leave a comment  »

Permalink | Leave a comment  »

Сервис g.ua по сокращению ссылок существует уже около года. Логично было перенести его функционал в расширение браузера, которое всегда под рукой. Делаем первые прикидки:

Так не очень наглядно, пробуем добавить индикатор успешности действия:

А если попробовать убрать все лишнее?

Продолжаем эксперементировать. Появляется идея использовать уникальные горячие клавиши для укорачивания ссылок:

Очень хочется, чтобы по нажатию на иконку укороченная ссылка автоматически попадала в буфер обмена. Заказчики крайне негативно оценили эту идею. Думаем дальше и появляется идея с историей ссылок

Пробуем все-таки продавить автоматическое копирование укороченых ссылок, для этого добавляем настройку

После этого активный цикл разработки прерывается другими срочными задачами. Спустя некоторое время возвращаемся и смотрим свежим взглядом. Отказываемся от истории ссылок, добавляем заметную кнопку, по которой происходит копирование ссылки, а также упрощаем процесс копирования ссылки с клавиатуры, возвращая привычное сочетание клавиш. Добавляем красивый переключатель автоматического режима и разрисовываем различные состояния окошка:

Этот вариант принят. Теперь осталось нарисовать графические блоки, которые требует Гугл для подачи плагина в их магазин

И, наконец, любой желающий может установить расширение для Хрома себе и наслаждаться. Будем надеяться, что скоро появятся плагины и для других браузеров.

Permalink | Leave a comment  »

В процессе работы над сайтом Knowledge Stream, обнаружили один из самых необычных из когда-либо виденных багов в вёрстке:

Здесь в блоке с Армином Грунвальдом импортированный шрифт почему-то отображается без сглаживания, хотя в блоке с Деном Ариэйли всё хорошо.

Диагностируем. Ошибка в рендеринге проявляется только в вебкит-браузерах под Mac OS X. Если выделить несглаженный текст и снять выделение, всё почему-то становится на свои места.

Попытки быстро исправить баг методом тыка ни к чему не привели. Поэтому гуглим. Находим страницу, посвящённую багу. Узнаём, что Вебкит определяет, сглаживать ли текст набранный импортированным шрифтом, на основе того, сглажен ли предшествующий ему текст. Нужно разобраться, почему что-то не сглажено и где?

В этом диалоговом окне не упоминаются моноширинные шрифты. Они не сглаживаются при размере 10 пикселей и меньше.

Весь текст у нас набран как минимум 11-пиксельным кеглем, поэтому сразу не понимаем, в чём дело и ищем проблему дальше. И вот она, злополучная строка:

Эта строка написана для блока, содержащего анонсы. Технолог таким образом уменьшал размер пробела между этими анонсами.

Отключаем. Размер можно отрегулировать маргинами или паддингами. Кстати, более традиционный метод, когда font-size задаётся равным 0, проблему не создаёт.

Демонстрация

Permalink | Leave a comment  »

See the full gallery on Posterous

Permalink | Leave a comment  »

See the full gallery on Posterous

Permalink | Leave a comment  »

ВСТУПЛЕНИЕ

Все началось с осмотра багажа в нашем аэропорту. Возник вопрос: что это такое у Оли в чемодане. Поскольку Анпакман внутри металлический, он очень хорошо светился. Чтобы избежать вскрытия замотанного пленкой Олиного чемодана, я тут же отцепил от ключей свой личный Анпакман, отрывший не одну бутылку пива, и протянул таможеннику. Это что, брелок? И пиво открывает? Такой классный... Пришлось его подарить. После этого вопросов больше небыло.

Прилетев в Домодедово, купили билеты в аэроэкспресс — электричку, которая едет без остановки прямо до Повелецкого вокзала в Москве. Внутри вагоны напоминают салон самолета. Первым делом мы достали набор The Cutlets и найдя металлическую поверхность выложили:

ДЕНЬ ПЕРВЫЙ

В Москве поразило огромное количество рекламы прямо на асфальте тротуаров. А еще... Вы не поверите — взрослые люди на самокатах!

Парк Горького нашли довольно быстро. На входе развернули флаг студии.

После того как мы вдоволь нафоткались, к нам подошел сотрудник службы безопасности парка и сказал что нельзя фотографировать флаг с надписью на фоне входа в Парк Горького потому что это реклама. Но нам больше и не надо было.

Войдя в Парк увидели цветущую аллею, слева огромную сцену Design Music и напротив нее огороженную территорию Design Market/Design Exhibition. Перед входом в Маркет был стенд со списком участников, в котором мы сразу нашли себя. Представившись охране, мы тут же заметили Евгению Бадыштову — руководителя Design Market. Я подошел и представился: «Мы — Психи». «Ух-ты, все таки приехали к нам!». Евгения выдала нам пропуска, и показала где взять мебель в отведенный нам павильон.

See the full gallery on Posterous

В 15:00, как и положено по плану начали появляться первые посетители. Незадолго до этого начал моросить дождь. Я понял, что из-за погоды толпы жаждущих приобрести подарки на выставке сегодня не будет. Так же я подумал: если по прогнозу дождь обещали на выходные, а он начался сейчас, может как раз в выходные будет солнечно.

See the full gallery on Posterous

Я прошелся по павильонам других участников выставки. Участников из Москвы было узнать очень просто: их павильоны были заранее разукрашены, всячески креативно оформленны, с фирменными стеллажами, своим освещением. Правда выделился павильон Лебедева: товар сложен аккуратной горкой из-за которого выглядывает голова печального мальчика-продавца. Все. Очень лаконично. Никакого намека на оформление точки.

See the full gallery on Posterous

В тот день мы продали 2 Анпакмана и 1 The Cutlets. И поняли что с нашим асортиментом и довольно скромным оформлением, нам необходимо действовать агрессивнее чтобы что-то продать. В начале девятого вечера решили сворачиваться, тем более что обещанное освещение нам так и не предоставили. Приятным сюрпризом оказалось то что товар и оборудование можно было собрать в черные мешки, опечатать и оставить под охраной на ночь.

ДЕНЬ ВТОРОЙ

Понимая что пятница — последний будний день выставки, и проанализировав посещаемость выставки в четверг, решили с самого утра поехать на Красную Площадь. Там нас и застал дождь. Услышали как бьют Куранты в полдень, поели в тамошнем МсД и поехали на Design Act.

Как и ожидалось, в 13.00 на выставке было много еще закрытых павильонов и очень мало посетителей. Разложились, начали торговать. Пока Оля показывала одним Анпакманов и давала пощупать свой, который висел у нее на поясе на длинной цепочке, для других я делал презентацию The Cutlets и iDream, а потом наоборот. Мы старались не провожать молча ни одного посетителя, всем давали буклеты и визитки. Их количество начало стремительно таять. Начались продажи.

See the full gallery on Posterous

Увидев что Оля вошла в боевой ритм, оставил ей сдачу и решил прогуляться по парку. Первым делом подошел к прокату велосипедов. 

Вернувшись я познакомился с Борисом который предложил представлять нашу продукцию в России. Договорились с ним о встрече в субботу в его магазине.

Нам выдали светильники и удлинители, мы включили свет.

Уходя домой, в этот раз решили снять плакаты и сдать их под охрану в тубусе вместе с остальным «добром». Флаг Psyho мы всегда забирали с собой.  

ДЕНЬ ТРЕТИЙ

Дождь лил всю ночь и утро. Как поутихло — мы выдвинулись в парк. Было часов 11, но оказалось что мы еще рано пришли. Большинство точек еще были закрыты и удивленные посетители, заплатившие по 250 рублей за вход, ходили и заглядывали в пустые прилавки. Мы быстро разложились. Один из картонных табуретов за ночь полностью вымок и его пришлось выкинуть. В павильоне образовалась лужа. Начались продажи, а я уехал на переговоры. Место переговоров было в промышленной зоне рядом с Курским вокзалом. Я увидел развилку дороги с 2 указателями: Винзавод (центр современного искусства) налево, Центр Дизайна Artplay направо. Туда-то мне и надо было.

See the full gallery on Posterous

Меня встретил Борис. Закрыв магазин провел мини-экскурсию по территории Центра Дизайна. К слову, именно в Artplay будет проходить 4-я московская Биеннале современного искусства. Вернувшись в магазин, Борис угостил меня кофе и мы обсудили перспективы сотрудничества.

See the full gallery on Posterous

Я вернулся на выставку. Во всю шпарил московский дождь. Лужа в павильоне разрасталась и я боялся что намокнет невыставленная на витрину продукция. К моменту моего прихода тубусов The Cutlets уже почти не осталось. Самая дорогая позиция из представленных нами уходила лучше всего во многом благодаря искуссным Олиным презентациям. При мне, Оля продала русский и английский Cutlets женщине, которая подошла посмотреть Смайлкапы. Украинское обаяние давало о себе знать. С нами многие вступали в контакт, общались, Олю часто фотографировали.

Пока Оля отлучилась ко мне подошел классического вида интеллигент и гневно сообщил что наши Smilecup это плагиат сервиза Казимира Малевича. Он сказал что там фигурировало пол-чашки. На что я резонно заметил, что мы не ставили перед собой задачу создать пол-чашки и в основу идеи нашего концепта заложен смайлик. А пол-чашки — это просто средство его реализации. Мы пожали друг другу руки и расстались друзьями, хотя он и не купил настойчиво предлагаемый мной Unpackman :)

Тем временем крыша соседнего с нами двойного павильона не выдержала и окатила накопившейся за 3 дня водой двух прелестных девушек. На этом их экскурсия по объектам Design Act закончилась.

Когда Оля вернулась, к нам подбежал запыхавшийся молодой человек. «Это вы? Я только ради Анпакмана сюда приехал». Парень приехал в дождь и заплатил 250 рублей за вход на выставку только для того чтобы купить себе 2 Анпакмана. Получив желаемое он тут же пошел на выход.

Тем временем закончились буклеты и визитки. Оля выложила зеленые наклейки с логотипом и адресом сайта Psyho. Они тоже пошли на ура. Одна девушка сразу же приклеила наклейку на обратную сторону мобильного превратив его в psyho-фон.

Должен заметить, что раздаточный материал брали с целью отследить когда на сайте Psyho поступят в продажу чашки Smilecup. Многие подходившие знали о них даже не зная о самой студии Psyho.

В тот день у меня состоялся разговор еще с одним потенциальным дистрибьютором, Андреем. Подход Бориса к сотрудничеству я нашел более конструктивным.

Картонная коробка в которую мы паковали продукцию порядком подмокла, и мы решили сложить все добро просто в предлагаемые организатором черные мешки. Под ногами в нашем павильоне №30 было озеро, и мы решили поставить картонные столы один на другой, чтобы к завтрашнему утру иметь хотя бы один стол. Плакаты решили оставить ночевать на стенах нашего павильона. Из трех дней этот был самый изнурительный, но и самый продуктивный — помимо продаж он принес много информации и хорошие новости.

ДЕНЬ ЧЕТВЕРТЫЙ

А на выставке нас ждал сюрприз. За ночь кто-то аккуратно скрутил и уволок наш плакат с Пирогами - «Частичками мира». При этом аккуратно вкрутил на место саморезы, державшие его. Стало немного обидно что он не тронул плакат с анпакменом. Когда мы приехали и стали раскладываться, начался такой ливень что даже крыша не спасала. Можно сказать что до этого дня мы не знали что такое московский дождь. У некоторых в крышах образовались дыры и текло прямо внутрь павильона. Порывы ветра образовывали волны сливающейся с крыш павильонов воды, окатывая и так немногочисленных посетителей выставки. Мы с Олей постелили черные мешки на пол чтобы не стоять в воде, которая уже была повсюду.

See the full gallery on Posterous

Все происходящее напоминало морской шторм. Но перед нами стояла цель: продать как можно больше анпакменов, а остальные сохранить в товарном виде чтобы в конце дня отдать будущему партнеру по оптовой цене. В 15.00 нам предложили перебраться в большой крытый павильон Design Exhibition где в предыдущие дни были установлены дизайнерские инсталляции чтобы «посмотреть», а не «купить». Многие наши коллеги с Design Market так и сделали, а мы решили уже не дергаться. В 15.30 дождь закончился, снова появились посетители, открылось второе дыхание. К 17 часам маркет уже во всю сворачивался. Фестиваль подходил к концу. Я сдал оставшихся анпакменов. Мы попрощались с Евгенией, обменялись подарками с ребятами из Nebo-Shop, нашими соседями, с которыми успели очень сдружиться за дни выставки. Уносить с выставки нам много не пришлось. Как только мы вышли из Парка Горького, Москву с новой силой накрыл ливень.  

В понедельник мы улетали. Именно в понедельник мы увидели что в Москве таки бывает солнце.

Permalink | Leave a comment  »

Задача — создать сайт для программы образовательных видеоконференций.

В середине августа 2011 мы приступили к этому проекту. Нужно было в очень сжатые сроки создать дизайн и сверстать страницы, чтобы проект мог успешно стартовать 1 сентября.

Начинаем с изучения фирменного стиля:

See the full gallery on Posterous

Сложность в том, что нет абсолютно никаких вводных данных, кроме приблизительного состава информации на страницах. Поскольку сроки поджимают, начинаем без данных, придумывая их на ходу. Пробуем идею мозаики из фотографий лекторов:

А так должен выглядеть сайт, когда идет прямая трансляция мероприятия:

Но оказывается, что фотографировать выступающих не получится, так как выступления будут идти по телемосту. Пробуем вариант с абсолютно разными фотографиями, в том числе достаточно плохого качества:

See the full gallery on Posterous

Теперь нужно предусмотреть то, что текст в блоках может быть любого объема, так что решаем упростить текстовые блоки и заодно промо-блок:

Вариант принят. Приступаем к остальным шаблонам. Вот, например, страница с расписанием:

Заказчик доволен, просит начинать верстку. Так закончились первая неделя работы. За оставшуюся до 1 сентября неделю все страницы сверстаны и переданы заказчику для наполнения их информацией. 

Однако, в сентябре сайт не заработал. Более того, из-за уточненных требований нужно переделывать большую часть страниц: пока известно только о трех докладчиках, а значит нужно переделать первую, убрать расписание, а на стнаницы мероприятий разместить дополнительную информацию. Переделываем главную:

и делаем страницы трансляций и анонса мероприятия:

See the full gallery on Posterous

Вносим правки в остальные страницы и переверстываем. В последний момент от заказчиков приходит очередная порция правок и пожеланий: нужно как поменять дизайн, так и внести изменения в контент страниц, полностью изменив состав первой страницы. Вариант правок по дизайну от заказчика настолько, по нашему мнению, плох, что у нас остается только два варианта: или отказаться от дальнейших работ, или за ночь придумать дизайн, который устроит и нас и клиента. Пробуем второй вариант:

See the full gallery on Posterous

Клиенты соглашаются, что наш эскиз более удачнен. Приступаем к верстке, параллельно внося измения в контент и правки в дизайн. В верстке с любовью решаем технические проблемы (об этом будет отдельный пост) и внедряем приятные мелочи, вроде автоматической расстановки переносов или адаптация для айПада. Наконец-то выкатываем релиз на сервер и открываем доступ! Но, очевидно, это не окончательный вариант сайта. Уже готов список правок, фич и страниц, которым еще только предстоит сделать дизайн. Так что, следите за изменениями, благо программа Knowledge Stream рассчитана минимум на один год и будет включать в себя около 80 лекций.

Над проектом работали: Дмитрий Копацкий, Дмитрий Гречуха, Сергей Медведев, Александр Зайцев.

Permalink | Leave a comment  »

Задача — создать логотип для Нью-Йоркской компании, которая занимается консалтингом, маркетингом, разработкой сайтов, созданием ПО для десктопов, мобильных телефонов и т. п.

Начинаем искать направление

Клиенту не нравится идея спектральных полос, пробуем обыграть кристалл, на этот раз пробуем разноцветные грани:

Уже лучше, но все равно не подходит, слишком скучно.

А что если попробовать визуализировать название и нарисовать действительно какую-то ошарашивающую смесь? Опять пробуем идею с отсутствием единого знака:

После долгих раздумий, заказчик отказывается и от этой идеи. Пробуем дальше:

И вдруг, когда энтузиазм был уже на нуле, рождается идея:

Мы довольны, заказчик доволен. Да, похоже оно, только кристалл нужно сделать реалистичнее

еще реалистичнее

а как это будет выглядеть в один цвет?

Теперь работаем с буквами...

... и отрисовываем в один цвет монохромный вариант

Над проектом работали: Валерия Агафонова, Александр Зайцев, Дмитрий Копацкий.

Permalink | Leave a comment  »

Permalink | Leave a comment  »

Мы продолжаем готовиться к началу продаж магнитных наборов The Cutlets. Сегодня хотим показать упаковку. Казалось бы, что можно улучшить в обычном тубусе? Но мы нашли что. Упаковка кириллического набора отличается от латинского направлением названия The Cutlets (как в книгах: русскоязычных — снизу вверх, англоязычных — сверху вниз) и фоновым цветом упаковки. Так продавцу будет сложнее ошибиться и продать не тот набор покупателю. 

Естественно, по клику на изображение доступна большая картинка, чтобы можно было рассмотреть все детали ;)

Permalink | Leave a comment  »

Подробнее о мероприятии можно прочесть на официальном сайте или в «Д-Журнале».

Permalink | Leave a comment  »

У нас есть две новости. Первая хорошая, вторая очень хорошая. Начнём с первой: мы изготовили первую партию наборов магнитных букв The CutLets («Катлеты»). В ближайшем будущем мы начнём их продажу. Но до начала продаж нужно протестировать серийный образец, чтобы выявить возможные дефекты и собрать пожелания для следующей партии. И вот тут начинается вторая новость: чтобы ускорить процесс, мы собираемся бесплатно раздать 5 наборов тем, кто готов не только пользоваться буквами, но и сообщать нам о своих ощущениях.

Чтобы стать первоиспытателем, нужно иметь магнитную доску в офисе и написать нам письмо по адресу shop@psyho.ua с вашим почтовым адресом для доставки.

20 сентября из всех написавших мы выберем тестеров путем жеребьевки. Заранее благодарим за сотрудничество.

P. S. Из-за особенностей работы почты, предложение действует только для жителей Украины ;)

Permalink | Leave a comment  »

Задача — создать логотип для раллийной внедорожной команды «Экстрим». Использоваться будет для нанесения на автомобили и одежду.

Начинаем разминаться и искать направление:

Забавно. Всерьез рассматриваем возможность создания логотипа из >_< или О_О.  По-моему, эти смайлы отлично иллюстрируют лицо водителя во время гонки. Но не то. Думаем дальше. Почему-то захотелось нарисовать знак «Неровная дорога» в перевернутом треугольнике. Наверное, это и есть вдохновение :) И сразу же стало заметно перспективное направление. 

Продолжаем развивать тему:

А теперь пробуем на компьютере:

Вроде бы оно, но пропорции все еще не те, да и в некоторых знаках перестает читаться основной посыл. Некоторое время спустя решение найдено:

Готовим небольшую презентацию для клиента и заодно смотрим, как лого ведет себя на различных носителях:

Permalink | Leave a comment  »

See the full gallery on Posterous

Permalink | Leave a comment  »

See the full gallery on Posterous

Permalink | Leave a comment  »

Целевая аудитория

HTML-верстальщики, поклонники CSS3, веб-мастера, сlient-side программисты, любители Яндекса.

Ведущий

Олег Мохов, верстальщик из Екатеринбургского Яндекса.

План мероприятия:

Блок №1. Вёрстка Яндекса, как её готовить и с чем её едят:

• Основные понятия: блок, элемент, модификатор
• Независимые блоки, абсолютно независимые блоки
• Тулзы, которыми мы пользуемся
• Верстаем формы (внимание, это будет рассказываться впервые!)
  • О том, как используя наши техники начать верстать пуленепробиваемые формы 
  • А также о том, почему таблицы зло, а inline-block наше всё!
• Ответы на вопросы

 

Перерыв

 

Блок №2. Операция CSS3: как мы начали использовать CSS3 в Яндекс.Почте и сколько мы на этом нагребли:

• Что использовали  
  • data:uri
  • border-radius
  • box-shadow
  • border-image 
• Проблемы в банальных ситуациях
  • Что нагребли
  • Непредусмотрительность спецификации
  • Проблемы со скоростью отрисовки в браузерах
• Ответы на вопросы 

При себе иметь:

• Тетрадь или блокнот;
• Ручку;
• Ваши вопросы и проблемы.

Дата и время:
21 мая, суббота. С 14:00 до 18:00.

Место:
Днепропетровск, пр. Карла Маркса, 101, компьюторная академия «Шаг»

Стоимость
Заявки принимаются до 20 мая (включительно) на conf@psyho.ua. Предварительная регистрация нужна для изготовления бейджей. Заявка содержит свободную форму, в которой необходимо перечислить имена, фамилии, мобильные телефоны и названия организаций участников.

Стоимость участия в мастер-классе — 150 грн с человека.

После мастер-класса планируется проведение afterparty, участие в вечеринке не входит в стоимость мастер-класса и будет оплачиваться отдельно.

Способы оплаты:

1. Предоплата через Приват24 на гривневый счет 6762462622018221. При оплате через терминал, пришлите, пожалуйста, скан-копию чека, так как зачисление денег в этом случае просиходит от 2 дней до 1,5 недель.
2. Предоплата через WebMoney на WMZ-счет Z853867355742 по курсу 1WMZ=7.6UAH или на WMU-счет U267387187029 по курсу 1WMU=0.96UAH.
3. Предоплата для юр.лиц на р/с с учетом НДС. Запрос на выставление счета присылайте на conf@psyho.ua.

В назначении платежа укажите "за участие в МК от _Ваши_Имя_И_Фамилия_"

Permalink | Leave a comment  »