Как я создавала «Гримуар» — мобильное приложение, которое оживило мою любовь к природе.

Всем привет! Меня зовут Светлана (lumiray), я учусь в ВШЭ на направлении «Анимация и иллюстрация» и большую часть времени сижу в обнимку с графическим планшетом, Procreate и ClipStudioPaint, вечно ною о дедлайнах и прокрастинации, а также придумываю миры, где всё чуточку красивее, чем в обыденной реальности.

Сегодня я хочу рассказать про один из моих самых любимых студенческих проектов — прототип мобильного приложения «Гримуар». Это оказалось не просто приложение, а мой личный способ поделиться любовью к природе, камням, цветам, да ещё и с лёгким флёром ведьминской таинственности. Поехали!

Пора потрогать траву, ёмаё...
Пора потрогать траву, ёмаё...

Как всё началось: от карманов шорт, набитых камнями с пляжа, до идеи мобильного приложения.

Сколько себя помню, я всегда была той девчонкой, которая собирает камешки на пляже, разглядывает цветы в поле и пытается понять, что за чудо растёт в саду на даче. Каждый поход в лес или к реке был для меня как маленькое приключение: вот этот камушек блестит, как аметист, а эта травинка мягкая, как мох. Но вот беда — узнать, что это за «камушек» или «цветочек», было настоящей головной болью. И ладно бы дело ограничивалось простым любопытством — но когда ты пытаешься найти в интернете, что за красивый узорчатый осколочек от булыжника ты подобрал, а тебе выдают 15 страниц про геохимию и тектосиликаты, желание изучать природу улетучивается быстрее, чем пирожки в столовой после третьей пары. Я ведь искала что-то простое, визуально понятное и приятное. А не какой-то многотомник, написанный будто бы для друидов с учёной степенью.

Итак, интерес к природе у меня был, а вот удобного способа изучать её — нет.

И вот, где-то между очередной прогулкой и подготовкой к предпросмотру по будущему проекту (у меня в голове было ровно 0 идей), в голове щёлкнуло: а что, если сделать прототип приложения, которое может стать кем-то вроде природного наставника, учителя? Это будет не какой-то скучный справочник, а что-то живое, яркое, с душой. Концептуальное, прости господи. Я начала брейнштормить: вспомнила, как в детстве сбор и засушивание обычного зверобоя для чая казался мне настоящей магией, чем-то сакральным и таинственно ритуальным. Будто я — юная ведьмочка, которая готовит зелье в лесу. Эта «ведьминская» атмосфера и стала моим вдохновением. Я решила, что моё приложение должно быть не просто ботаническим сборником, а настоящим гримуаром — волшебной книгой, в которую будущая «ведьмочка» будет заглядывать, чтобы узнать секреты природы.

Рисуночек гримуара
Рисуночек гримуара

Название, которое пахнет мхом и бумагой. И кот, что появился так внезапно.

С названием всё случилось быстро, слишком быстро. «Травник»? Скучно, как будто ты читаешь инструкцию к таблеткам. «Атлас природы»? Ну нет, слишком научно, усыпляет. А вот всё тот же «Гримуар», что не выходит у меня из головы — то, что надо. У каждой уважающей себя ведь ведьмы есть гримуар — книга, куда она записывает заклинания, рецепты зелий и всякие тайные знания... Хотелось, чтобы приложение ощущалось именно так: как находка в бабушкином сундуке, от которой веет чем-то загадочным и настоящим.

И вот, пока я крутила в голове образ этого гримуара, где-то на задворках сознания уже появился кот. Потому что, ну, у каждой ведьмочки должен быть кот, верно же? Я представила не классического черного кота (чтобы банально ведьминская шляпка не сливалась с его шерстью), а милого рыжего пушистика в маленькой ведьмовской шляпке, который будто бы сидит на книге и хитро так поглядывает: «Ну что, готовы изучать блестящие камешки?» Это были мои первые сподвижки в сторону маскота приложения.

Рыжий котик Мур!
Рыжий котик Мур!
И еще котик!
И еще котик!

«Игры со шрифтами», прости господи, а также поиски котика.

Первые наброски, с которых я дико кринжую
Первые наброски, с которых я дико кринжую

Я тут же начала экспериментировать, пытаясь набросать, как мог бы мог выглядеть логотип с названием «Гримуар». Параллельно появились первые эскизы котика — пока кривоватые, но уже с характером. Я старалась найти идеальную форму для маскота: может, чуть угловатую, или наоборот округлую и мягкую.

Немного спидпеинта

Когда финальный вариант логотипа был утверждён, я почувствовала, что проект наконец-то обрёл форму. А вот и момент, когда я осознала: «Гримуар» — это не просто приложение, это нечто большее, почти как живое существо. Вместе с преподавателем мы решили, что для этого проекта идеально подойдёт слоган «Гримуар — твой природный наставник». Он точно передавал дух приложения, который я хотела вложить. Не просто гид по растениям и камням, а товарищ, с которым можно отправиться в путешествие по миру природы.

Как я создавала «Гримуар» — мобильное приложение, которое оживило мою любовь к природе.

Рисуночки и поиски единого стиля.

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

Ромашечка!
Ромашечка!

Я села и начала целыми днями рисовать каждое понравившееся растение и каждый камень, соблюдая точность в деталях, но не забывая кое-где использовать стилизацию и упрощение. Конечно, не обошлось без трудностей! Иногда приходилось перерисовывать, потому что какой-то листик казался слишком простым или наоборот — перегружал картину. Но когда я окончательно утвердила несколько изображений, всё сложилось: яркие, чёткие, но при этом с лёгким магическим оттенком — такими, какими я и хотела их видеть.

Красавчик сердолик
Красавчик сердолик

Мерч и мокапы: «Гримуар» выходит в мир.

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

Первый плакат
Первый плакат
Вся серия плакатов
Вся серия плакатов
Визуализация на ситилайте
Визуализация на ситилайте
И еще немного визуализации
И еще немного визуализации
Идея для мерча: милые брелочки с Муром!
Идея для мерча: милые брелочки с Муром!

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

Пробую разные мокапы
Пробую разные мокапы

Финальный аккорд: прототип, который можно потыкать.

И вот, когда иллюстрации были готовы, логотип сиял как полированная яшма, а маскот уже нагло подмигивал с обложки, я добралась до самого вкусного — создания интерактивного прототипа в Figma. Это как собрать все кусочки мозаики в единое полотно: ты уже видел каждый элемент отдельно, но когда они складываются в интерфейс, оживают экраны, начинают кликаться кнопки — приходит настоящее чувство: о боже, оно работает!

Да, это пока ещё не релиз в AppStore, но «Гримуар» уже можно потыкать и почувствовать, каким он будет на телефоне. Ссылку, конечно, оставляю — вы ведь уже хотите посмотреть, да?

Заглавный экран
Заглавный экран
Внутрянка приложения
Внутрянка приложения

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

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

Вместо эпилога: магия, которую можно создать своими же руками.

Знаете, пока я работала над «Гримуаром», я думала, что делаю просто учебный проект. Но в какой-то момент он перестал быть «просто». Он стал пространством, где я смогла соединить любовь к природе, иллюстрации, дизайн, свою любовь к «таинственному» и взрослую системность.

Может, проект и не спасёт планету (хотя кто знает :D), но если хотя бы один человек после знакомства с приложением захочет пойти в парк, «потрогать траву» или просто посмотреть на цветок и подумать: «а что ты за чудо зелёное?», значит, я всё сделала правильно.

Так что спасибо большое, что дочитали! И не забудьте: природа всегда рядом. Главное — уметь замечать и слышать её.

Всем тем, кто дочитал — букет цветочков в ручки! 🌼
Всем тем, кто дочитал — букет цветочков в ручки! 🌼
3
2 комментария