{"id":14268,"url":"\/distributions\/14268\/click?bit=1&hash=1e3309842e8b07895e75261917827295839cd5d4d57d48f0ca524f3f535a7946","title":"\u0420\u0430\u0437\u0440\u0435\u0448\u0430\u0442\u044c \u0441\u043e\u0442\u0440\u0443\u0434\u043d\u0438\u043a\u0430\u043c \u0438\u0433\u0440\u0430\u0442\u044c \u043d\u0430 \u0440\u0430\u0431\u043e\u0447\u0435\u043c \u043c\u0435\u0441\u0442\u0435 \u044d\u0444\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u043e?","buttonText":"\u0423\u0437\u043d\u0430\u0442\u044c","imageUuid":"f71e1caf-7964-5525-98be-104bb436cb54"}

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

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

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

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

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

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

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

Референсы

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

0
8 комментариев
Написать комментарий...
Matthew Kruglikov

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

Ответить
Развернуть ветку
Пётр Фёдоров

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

Ответить
Развернуть ветку
Matthew Kruglikov

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

Ответить
Развернуть ветку
Artyom Petrovich
Автор

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

Ответить
Развернуть ветку
Andrzej Wielski

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

Ответить
Развернуть ветку
Artyom Petrovich
Автор

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

Ответить
Развернуть ветку
Никита Минаков

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

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

Ответить
Развернуть ветку
Artyom Petrovich
Автор

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

Ответить
Развернуть ветку
5 комментариев
Раскрывать всегда