Как мы превратили набор для пайки в дизайнерский продукт

Набор для пайки Cyber Bug в собранном виде Petrovich Brothers
Набор для пайки Cyber Bug в собранном виде Petrovich Brothers

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

Задача: придумать оформление набора для пайки, который интересно собирать не только будущим инженерам. Оформить инструкцию по сборке и упаковку.

Обычно наборы для пайки выглядят как внутренности сложного прибора, их неинтересно собирать детям и они отпугивают новичков. Амперке нужен был наглядный набор для того, чтобы показать, что пайка — это доступно, и с помощью нее можно собирать более сложные вещи, чем с готовыми компонентами.

С чего начали?

Мы поискали референсы похожих работ и собрали их в презентацию. Оказалось, что из печатных плат давно уже делают необычные штуки, и это направление называется Pcb Art.

Референсы
Референсы

Обсудили с клиентом, — да, направление верное.

Как придумывали концепцию?

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

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

Первый вариант концепции
Первый вариант концепции
Второй вариант концепции
Второй вариант концепции
А вы бы какую концепцию выбрали?
Магия как в Гарри Поттере
Технологии
Ничего не нравится, отправил бы думать дальше!

А пока мы думали над концепцией

Инженер Амперки подготовил первый работающий прототип набора, похожий на жука. Он ездит по столу за счет вибро-мотора и мигает глазами-светодиодами. Жук должен был быть дешевым в производстве, а значит, надо было использовать только стандартные средства производства печатных плат и электронные компоненты.

Вот первый прототип. Жук светит глазами и ездит по столу. Все работает.
Вот первый прототип. Жук светит глазами и ездит по столу. Все работает.

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

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

Это макет печатной платы сбоку, по слоям
Это макет печатной платы сбоку, по слоям

Давайте делать дизайн!

Неа-а. Сначала мы нарисовали все компоненты жука в натуральный размер, используя технологические паспорта деталей. Чтобы было понятно - как они будут смотреться в макете. Жук — это средний набор по сложности, там 11 деталей и 37 точек пайки.

Технологический паспорт переключателя и и детали жука
Технологический паспорт переключателя и и детали жука

Художник сделал еще несколько эскизов жука, используя только те цвета, которые можно показать на плате.

Эскизы жука, пока без деталей
Эскизы жука, пока без деталей

Каллиграф сделал несколько надписей названия в стилистике Cyberpunk 2077.

Написание названия
Написание названия
Какой вариант названия больше понравился?
Первый
Второй
Третий
Четвертый
Все примерно одинаковые!

Когда уже будет дизайн?

Вот первый вариант. Мы собрали все вместе, и заодно прикинули, что за назначение у него может быть в своем мире.

Первый эскиз жука На бэкграунде фан-арт Cyberpunk 2077
Первый эскиз жука На бэкграунде фан-арт Cyberpunk 2077

Какой же жук без крыльев? Их решили сделать из кусочков плат и гребенки соединительных контактов. Добавилось еще восемь точек пайки.

Крылья и крепеж для них к основной плате
Крылья и крепеж для них к основной плате

А как сделать, чтобы это все работало?

Для этого мы собрали все элементы оформления и передали инженеру на проработку электрических дорожек на плате. И долго потом двигали их, чтобы они не мешали друг другу.

Не можем принять такой макет. С дизайном электрические проблемы!


Матвей Кругликов,

Head of R&D, Амперка

Это первый заказ, где клиент не принял дизайн с такой формулировкой!

Готовое оформление и схема электрических дорожек на плате
Готовое оформление и схема электрических дорожек на плате

Как его потом собрать?

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

И это только половина инструкции, а есть еще такая же оборотная сторона!
И это только половина инструкции, а есть еще такая же оборотная сторона!

Затем мы взялись за упаковку. Сначала сделали совсем простую и быструю версию с наклейками для дой-пака, чтобы успеть на выставку Maker Faire Moscow в сентябре. И параллельно подготовили постоянный вариант с полной запечаткой и окном. Пока наборы будут продаваться только в интернет-магазине, и упаковка не настолько важна, как если бы набор был в офлайновом магазине, поэтому для удешевления отказались от ложемента для деталей.

Первый вариант упаковки Cyber Bug, и, второго набора Cyber Light
Первый вариант упаковки Cyber Bug, и, второго набора Cyber Light

Сколько время ушло на проект?

Предварительную версию набора и упаковки мы сделали за 2,5 месяца. Это срок от первого подхода к концепции до получения готового продукта.
Набор можно купить на сайте Амперки, он стоит около 600 рублей. Для сборки, помимо набора, нужен еще припой, паяльник и флюс. Все это можно заказать там же. Пара увлекательных вечеров вам точно обеспечена!
Набор всем очень понравился, и сейчас у нас в работе еще несколько наборов продолжение серии.

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

Над проектом работали:

Арт-директор: Артем Петрович

Технолог: Арсений Петрович

Дизайнер: Арина Кальницкая

Каллиграфия: Юля Харина

Иллюстратор: Катя Рондель

3Д моделирование: Артем Егоров

Инженер Амперки: Александр Еременчук

Head of R&D, Амперка: Матвей Кругликов

88
8 комментариев

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

3
Ответить

Интересный проект. Вот вы заморочились) Только почему в конце лендинга "заказать дизайн", а не "купить набор"?

1
Ответить

Набор можно купить у нас в Амперке)
https://amperka.ru/product/cyberbug-kit

2
Ответить

Да, переход в интернет-магазин выглядел бы логично, если для клиента делали. А мы же для себя делали лендинг, чтоб показать какие лендинги в принципе можно делать.

1
Ответить

Ваш лендинг на айфоне при попытке скроллинга делает "бряк" и всё падает :)

Ответить

Спасибо! Можно узнать что за айфон, браузер и версия системы? Тестировали на всех возможных айфонах, работает, не можем найти баг. 

Ответить

Купил пару штук – и самому поиграться, и подарить 🙂

Только всю статью дважды перечитал в поисках кодового слова, а его не оказалось, ах!

Ответить