RU VERSION | ENG VERSION

Contest announcement from Wallet and Ton

On May 7th, 2024, I saw an announcement about a contest for redesigning the main screen of Wallet — a mini app in Telegram. You can see the description of the contest here.

I started working on the project right away. I started with brainstorming. I shared the whole process with my closed community "Inside Out UI/UX Design" in real time. I had a thought — I shared it. I solved some microtask — I shared it.

And in this post, I would like to make this flow public with the thoughts that I shared and the images that I took guys in the course of these thoughts.

The purpose of this post is to show the design process not only in pictures or mockups. To show that for me design is not only about what can be created in Figma, whether it is beautiful or not. Design is thinking, in the process of which we find effective solutions for the product and its users.

Background

Before the Wallet contest announcement, I participated in the contest that was in April 2024, but from Telegram. Even before the contest, I was actively studying the product itself, information about the Ton ecosystem, and the Toncoin cryptocurrency. I had no plans to touch on this area, but I was so drawn into the product and ecosystem itself that I eagerly absorbed all the information. And as I began to understand where the product was headed and what this ecosystem was for, I got a huge boost of energy and inspiration.

I was surprised how the events coincided - the beginning of my immersion in the study of Ton and the announcement of the competition from Telegram. After that, I immersed myself in research even more and on this charge decided to find a developer for a mini-application of my product within the ecosystem.

You can see my works for the Telegram contest here. Well, let's get started. Further I share the posts that I published to the guys in chronological order.

Case Study: research and insights

It was important for me to think about why the wallet needed a redesign. It already has a good interface for newcomers to the field, it does not scare away like other complex solutions. And the first 2-3 days before starting the work itself, I wandered around the wallet, rereading the terms of the contest, looking for any information in order to understand the foundation - what is the main value that the wallet should have.

I present all the posts without editing in the form in which they were posted on the channel. There is no dialogue here, here is a monologue of my thoughts.

May 7, 2024 (start)

- Wow. There is a contest for a telegram wallet redesign + an opportunity to join the team. When to rest?

- The deadline is May 19th.

- I am glad that not the entire wallet will be redesigned, but the main screen.

- One of the main objectives of the contest is to make the wallet clear and simple for users who know nothing about cryptocurrencies and Ton. This means banking references will be needed. For users, everything connected with money and a smartphone is a bank. The most usual pattern.

May 8, 2024 (main research)

- For now, several questions make me think and put off the task. Once again, before you start, it is important to think carefully about what Pavel said at Token 2049, whether the applications will be inside the wallet (as they are now) or a separate section, whether any NFTs will be implemented in the custodial wallet, or this is only for Ton Space. In general, there are many questions. Asking yourself such questions before the project means rising somewhat above the task and thinking about strategy. After all, Wallet 5.0 is already in the Ton project roadmap. So the team most likely already has some vision for it. And I need to understand what it is.

- From the roadmap:

- I found Ilya's wallet layout from his 2023 Telegram redesign contest on Android. Purely for analysis. The decision to make the buttons consistent with the channel profile buttons is reasonable. Otherwise, I also have to think:

— We anticipate an increase in available assets: Currently, Toncoin, Dollars (USDT), and Bitcoin are available. Ensure quick access to assets without compromising access to other Wallet functionalities.
Incidentally, it is inconvenient now that if you hide the list of available assets through the settings, Ton may be hidden even if the user stores coins there. It would be great to be able to choose what to hide and what not to hide. Or which of the assets is the main one in the закреп.
But all this can scare away newcomers because it may seem too complicated. Why display assets with zero balance at all? Why are they on the main screen? It seems like navigation is required.

— Also present on this list is the Ton + Ton Space blockchain token which can also have its balance in Ton. This is very confusing. Especially for beginners. In this case, all assets that are not in coins are stored on Ton Space. Registration in applications will not be through Wallet, but through Ton Space. Payment can come from either source. It depends on the application. It seems that a new section for Ton Space should be created inside the Wallet. It would no longer be an asset, but a fully-fledged tool permeating the future Web 3.0.

— Trust Wallet reffs. I wouldn't call the flow simple. But I liked the tabbed division between crypto and NFTs. And the popularity rating of crypto.

— Bitget Wallet reffs. From the second screen after opening the wallet, I immediately wanted to quit. I wouldn’t call the flow simple either. Telegram has already made everything much simpler for the average user. Let's discard it.

— Tonkeeper reffs. What's good are the transactions by day. A price chart with a coin. Ton applications are built-in (but this is more related to Ton Space, apparently). There is a section with NFTs, also hello Ton Space.

— It would be nice to see the list of transactions in tabs. Regular transfers between Telegram users, gifts and giveaways. Other transfers and promotions related to deposits and withdrawals from Ton Space, exchangers and other cryptocurrencies. To make the section more human-friendly for regular users.

— QR-code scanning is something that will help simplify payments for users. Especially in the gaming industry. It is important that this flow is also as simple as possible and accessible from the first screen.

— Wallet operation categorization:

— Tinkoff has a good pattern for communicating with the user. They use the mechanics that are familiar to users (Stories) to announce new features, gamification, and other engagement tools.

— Joint linked account? 😳 With transaction confirmation via father 😁

— Who's angry? Right now, one way or another, schoolchildren will be paying for games. So, there is some common sense in this))

— If we set the task of matching the architecture of banks with the architecture of a wallet, we get the following picture:

— Oh, no. A bank can also have different currencies. My mistake.

— Although, there are no cards in the wallet. And different coins can act as cards. It's crypto. Nevertheless, the architecture will be slightly different.

— That's it! I understood everything about the architecture and reached enlightenment. We can finish the UX research at this point and think about the UI in more detail.

— The wallet has removed the native button with input at the bottom of the modal window. I checked with the developer, and hypothetically, a tab bar could be placed there. The question is whether it's necessary. Or maybe for now, all the functionality described above can be грамотно distributed within the application...

— My head is completely full of wallets, crypto, and all that stuff. Now I need to get a good night's sleep. And my brain will do everything by itself. I hope I don't dream about Toncoin.

Case Study: The Beginning of UI Design

The picture in my head became clearer, and I started to get an idea of what and how I was going to do. I started working in Figma, periodically returning to think about certain aspects. The list of posts with thoughts and results in chronological order is also below.

May 9, 2024 (First UI sketches for Wallet)

— One thing confuses me. In mini-app modals, is animation possible at all aside from Lottie for various stickers? I noticed the color overflow of the button + stickers. And all the transitions themselves go through dissolve. It's as if transition animation is technically impossible.

— The buttons in the wallet should be like this:

— How the P2P marketplace icon spoils everything. I need to think about it 🥸

- I thought. I can do that sometimes. Things got cleaner:

- Honestly? I haven't decided whether it's the main one or not. Because, taking into account the presence of Ton Space, it's worth rising to a higher level in the hierarchy. But for those who have it disabled, this higher level of hierarchy loses its relevance. I'll decide later what's best. UPD: yes, this is the main one if the space is off.

- How not to draw 3D objects? Take the Pentool > create a mask:

- That's it for the illustrations for now. Now we need to think about the composition in 2 cases: when there are no funds in the wallet; and when there are funds.
🌈 The photo is overloaded, in which case it's better to make the button not blue, but neutral. Or think about a different composition for the banners. Since when there are no funds, there's nothing else to show. There's no point either in the transfer buttons or in the transaction history. The main goal is to top up the wallet.
🧠 In general, I'm thinking. I love it. I can do it. I'm practicing.
The most attentive ones will notice that something else has appeared 👀
While others are celebrating and relaxing, I'm — as always 🤦‍♂️

- So. There can be 3 types of banners:
1. Shares, like with dollars.
2. Functionality, like with confirmation of transfers with a password.
3. Built-in, like with the catalog of apps.
Should they be mixed and should their style be unified or not? Should they be placed in one place? At what stages should they be shown? It's important to think ahead.
Apparently, that's all for today in terms of this idea. Need a break. Otherwise, I'll screw it up again.

May 10, 2024

- I thought that I would take a break, sleep, wake up, and bam — the solution about these banners would come to me. But no. Maybe I should flip a coin.
These are my thoughts:
- It's important to show shares either one by one or as a carousel. They need to be shown until they're used or closed (should I provide the option to close them?). New functionality doesn't appear that often. But it will. After an update, it's also important to show it. It can be shown together with the shares. Web 3.0 apps  — so far, I've only seen one banner here. And you can't close it. Explore the Ton ecosystem. Will there be others? Unlikely. Should it be mixed together with the shares and features — I don't think so either. It seems like it belongs in the basement, since the catalog is still small. The visual representation of these banners should differ in an empty wallet from a wallet with a replenished balance and connected space. In a place where the wallet is empty, there are no assets or transaction history, more space. In a place where the wallet is replenished, all of this appears, as well as additional buttons. In bank referrals, for example, all the offers, shares, functions are on top, but when you go to an account, there are all sorts of cachebacks. And also the main question is whether all of these shares will be divided between the wallet and the Ton Space. Does each have its own or not? This is what's going on in my head right now while I'm doing the design. This is design, not just sizes, fonts, guidelines, and color. Design is knowing how to make difficult solutions simple, and my favorite process in design is the example of the thought flow that I've shared right now.

- By the way… 😉

- It makes sense. When you can collect different assets in the space and go through authorization through it. I understand this task correctly. It's important for new wallet users to understand this correctly as well:

— The Wallet dilemma and why we need Ton Space. Now to the issue at hand. If you want to store funds in your Wallet, it’s not safe. Not because the Telegram Wallet is designed poorly or because your funds may be written off without your knowledge. There are no issues with the wallet per se, it’s a problem with novice user security awareness. The mechanics are such that the wallet is created in your Telegram account. If for some unknown or accidental reason, your Telegram account gets hacked (e.g., your ex-girlfriend logs in from another device, you lose your phone, etc.), your assets in the wallet will also be compromised if your account is hijacked. Your Wallet is an integral part of your account, whereas Ton Space is not a part of your account and is an external integration. A user can have only one wallet, but Ton Space can be linked to multiple accounts, and if one account is compromised, it can be relinked to another. Why is Web3.0 authorization via Space, not via Wallet? Why are all NFTs, .ton domains, collectible addresses, and everything else in the ecosystem attached to Ton Space? Because it’s safer for storing assets. Even if you lose access to your Telegram account, you will not lose access to Ton Space. But there is a catch. Ton Space seems to have been developed without taking into account Telegram’s consistency, and this is a problem. The main design goal is to maintain consistency. Why? Because it inspires more trust and gives the user a feeling that they are not leaving the messenger, that they are still within it, and the application itself is a part of Telegram. The same goal applies to Ton Space. We want users to not think of it as a third-party solution. And no one will have to relearn a bunch of new UI.

— The control segment was originally supposed to be at the top, but I decided to try it this way. Does it make sense? Ton Space will be slightly different. But for now, this is it.

— I'll keep throwing ideas at you.

— Added pagination for clarity:

— I have reached the settings. There are two types of settings. Wallet settings = app settings. And Ton Space settings. I was thinking about how to get rid of the extra gears in the header and replace it with the invite friends icon. But apparently, I’ll either have to leave it as is, or merge the settings menu if Ton Space is connected.

— The perfect future 🤭

— So, here are the results for now. That's it for today 🤑

May 11, 2024

— How could you let such a mistake happen with the lower button getting squeezed downwards?

— Editing assets. The order in which they are displayed and indicators.

— With a large number of assets, promo shares fly down and are not available on the first screen. I'm wondering if this is worth fixing.

— And so the assets themselves turn out too low 🤔

— If a user enters their wallet, they already know where the assets are. Some of them will be visible anyway. When new functionality or a promotion appears, it is important for users to notice it. If we place promotions and features at the bottom, the user can simply miss this information without scrolling the screen, so it is more logical to place them at the top, as in this screenshot. But in this case, the user may be annoyed that they have to scroll to the assets. On the one hand, there is a mechanism for closing the banner. But then the question is what the user should do if they closed the banner by accident or closed it first, then changed their mind and still wanted to participate in the promotion or set a password. For such a case, it is necessary to provide a place and an opportunity to view all current promotions and functions.

— This is more compact. But I'm not sure how swipes will work in the modal window either. So far, they work extremely crookedly on iOS. But if they can fix it on the front end...

— I have added an example to the layout of what the won Telegram Premium looks like on the wallet balance after the giveaway.

— And the raffles.

— That is why I first make the screen where the maximum number of features can be used. Because now we understand that when a user has just created a wallet, they may already have assets in it in the form of won giveaways, for example. And not just a top-up button and banners.

— For indicators for crypto... It seems to be a necessary tool, but then we need a period for which the information is displayed. And won't the interface be overloaded? We need to decide whether to leave the feature or abandon it. As I understand it, the wallet is still not a trading tool. And it is very easy to make it that way by adding such functionality. Which can scare newcomers. The way the balance is implemented now, without unnecessary information, is already good. If you cram it with green and red indicators, it will be a mess. Perhaps they should be made when opening a specific coin, and not directly on the main page. So I will either remove this toggle, or replace it with the option of enabling segmented controls for assets.

— There can be many coins though. I almost forgot about search.

— In my opinion, segments are a bad idea here. Put 👎, if yes.

— Yesterday I wrote about settings. Space settings are part of the wallet settings. Thank god. This simplifies the task.

— Decided. Settings to the tab bar, P2P there too. In the header, inviting + QR. Transactions under the balance. Everything is available in 1 click 🫳

— Whether to display won gifts in transaction history 🤔

— And here's another hint of what to consider.

May 12, 2024

— Yesterday, my student told me a nuance about changing the order of coins in the list of assets. As Arthur already wrote in the chat, it is more convenient to use Drag and Drop here. I understand this, but the modal window in Telegram and its settings do not depend on the wallet, but on the Telegram platform itself. In Tinkoff, when you open such a modal window, you can update the internal content with a swipe, while there is no conflict with closing the window. But will Telegram decide to do this? I think I'll leave two versions of this section. One in case Telegram doesn't do this, and the second in case the modal window is fixed vertically by Telegram developers. I think they have it planned for one of the next sprints. After all, using mini-apps with the constant vertical movement of the window is inconvenient.

— Second option.

— Darn. I'm thinking whether to make them the same size or not.

— Alert + Wallet Earn.

— Tonspace design is consistent with the wallet. But there is a section with NFT and tabs for them. By the way, the design of the transaction history in production is now different for the wallet and tonspace. I hope they will bring them to the same look.

— Bonus 🌚

— 🏪 P2P Market has been made consistent with Earn and others.

— ⭐️ Invite friends, get premium.

— Wallet replenishment screen. The only thing left is the first screen, where there is nothing. And on that, I think, that's all for iOS for now.

May 13, 2024

— When a newbie opens a wallet, there may be several conditions:
1. He has nothing.
2. He has won a premium.
3. He received a transfer from a friend.
4. He won the lottery.
So we need to make 4 versions of the screen.

— 1, 2 or 3…
The first is consistent, because the button is far to reach. The second button is based on the One Finger Tap principle. The third one does not have an extra transition, all the methods of replenishment are available at once.

— It bothers me that these joints end up looking like some kind of android. Fixing it.

— I did it that way. Otherwise I will be improving it indefinitely.

— Banners:

— And for dark theme, because the light ones look so-so on it.

— 😬 Houston, we have a problem.

— Overall, there is a conflict between the tab bar and the tabs of the "Transaction history" section. This conflict is possible only in one scenario - when the user enters the wallet for the first time, and he already has transactions - from friends, or a premium gift. Overlapping the tab bar on the tabs is undesirable.
Possible solutions:
1. Remove the tabs when there is only one or two operations, if the user is just opening the wallet. He will not have the "Exchanges", "Transfers" sections, etc.
2. Remove the tab bar, but then P2P and settings should be done somewhere on the screens. This will increase the load on the user.
3. In general, abandon the tabs, but then the transaction history will be a mess.
4. Move the transaction history to the tab bar. But then you need a history in the context of different wallets + with collections in the thinspace, there will still be tabs.

— I think this is better. But there is a nuance. There will not always be 4 banners. I leave it as one of the options. I told you, the main thing for a beginner will be the most difficult.

— Close to a solution. Better already 🥳

— Solved. I'll leave it. Practical, aesthetic. The gray background is annoying, правда, but this is iOS. But nothing. In the first version, I removed the background of the tab bar. I also made spacings along the edges for the shares in the first 2 options so that there was no android on iOS. It seems to have become pleasant. Yes, the ios guide is broken and the section is not full width, but it is better to customize so that there is no gray hole under the banners.

— Someone! Stop me, please. How to stop churning out screens? Promo stock screen.

— Dark theme 🌕

— iOS is all done! 🥳

— No. Not all. I'm a bore. Why display all the functionality of the wallet in the attachments?? It's not right.

— If possible, like this right away. And the wallet tab bar is not needed.

— I'm not sure if it's possible to replace the main one with another one when the application opens? No, I will not write an API request. I'm a designer.

— If we open it through a bot, 🤔 looks doubtful. But what can you do.

May 14, 2024 (start on Android)

— As a bonus, I made a loader and a splash screen. Let them fix these modals from collapse already. Well, now definitely to android.

— Tab bar or action button… 🤔

— Everything's considered. Refs are collected. Clarifying questions are asked. I'm making it.

— I think, today Android will be finished 🥳 Ahead is the very stuffed screen.

— A little more… By the way, I'm starting to love Android 😍

— Final 2 screens, then — dark theme 😎

— But how to make search in the modal here 🤔 Usually it's in the navbar, but here we need something else. UPD: figured it out.

— Finalized Android 😎 Starting on dark theme. And taking a break after that. Productive — made Android in one day.

— ALL THE LAYOUTS ARE READY! 🤪

May 15, 2024 (animations and improvements)

— I should continue on the contest. If I do animations, then what kind and what exactly is important to show. What I wanted to convey with my work and such an arrangement of screens. Which flows are the most key. Based on the description of the competition, there are 4 important points, even 5:
1. It should be easy for a beginner - obviously, animation of the first screens with empty balances.
2. Quick access to sending funds, replenishment, QR (oh, I didn’t make the screen) and other operations - here is the animation of operations.
3. Flow for working with assets, expect them to increase - animation of the feature that I made for this.
4. Place for new features and promotions - animation showing this.
5. Show alert, splash screen, loading.
Let's go.

— Skeleton made in case of connection problems. I'm sorry. I don't know how to stop multiplying layouts. I like it. * Also called Shimmer.

— Damn. Why didn't anyone tell me that when the English interface is on, the "Back" label is in Russian EVERYWHERE 😂

— That's it. Dude. I dreamed of Durov and Telegram. I need a break. Today is my day of silence.

May 16, 2024 (completion)

— Just in case they refuse the tab bar:
1. Settings are back on top.
2. Wallet replenishment is taken out of the operation buttons to the balance.
3. The P2P market becomes the 4th button in a row with the remaining operations. I made the icon Outline. It seems that you only need to make optical compensation.
4. User invitation to the left of the wallet avatar. Disappears when moving to TonSpace.
In this case, the tab bar is not needed, but the header becomes heavier.

May 17, 2024

— Design hello. Submission of works will open soon. I had a rest and realized that I have many varieties of initial screens. And you can just throw off the layouts, or you can bring more clarity to the jury. After all, I do not know who will be on the jury. Therefore, I am preparing a description in English about how the initial screens for beginners differ and what their logic is.

Thank you for your time!

• You can check out my work on this channel.
• Here is some information about me and my projects.

Читать кейс стади: https://itsets.ru/lichnyy-opyt/wallet-redesign-contest

В 2023-м году я принял участие в конкурсе от Telegram и занял призовое место. Для участия надо было сделать дизайн для Android. На текущий момент Telegram снова анонсировали конкурс, в котором я решил принять участие, а процессом своих мыслей и рассуждений я делюсь в закрытом сообществе «Изнанка UI/UX».

Ниже вы можете посмотреть видео-презентацию получившейся в 2023-м году работы.

А вот сам кейс на Behance.

Текущий конкурс

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

Призовой фонд составляет 30 000 долларов, максимальный приз 5 000 долларов и возможность попасть в команду Telegram.

Следи за процессом

Я уже поделился 9 идеями, что можно сделать в этом конкурсе. Подробности в изнанке.

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

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

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

Шаг №1: обязательные расходы

Зачастую обычный человек держит их в голове. То есть он знает, что нужно оплачивать квартиру, бензин, еду и т.п. Но есть много мелочей, типа интернета и мобильной связи, парикмахерской и проч., на которые места в голове не хватит. Поэтому первым шагом мы должны выписать все категории расходов обязательных минимальных платежей. У меня это выглядит так (по состоянию на март 2023 года).

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

Данная таблица — это ваш бюджет и вы не должны его превышать. Если вы его превышаете, вам не будет хватать на остальное. А что остальное? Идём дальше.

Шаг №2: доходы

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

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

Шаг №3: резерв и накопления

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

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

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

Шаг №4: не забыть про себя

Всё выше — это не ваши деньги. Грубо говоря часть поступающего дохода не принадлежит вам и важно это осознавать. Вряд ли вы получаете удовольствие и наполняетесь, когда платите за бензин или квартиру. Чтобы энергии и ресурса хватало и вы наполнялись силами, с дохода нужно выделять деньги на свои пожелания.

Если вы один, счёт тоже может быть один. Но так как я живу с девушкой, у нас тут 3 фонда, один счёт её, второй — мой, а третий — общий на наши общие спонтанные пожелания, например — сходить в театр или кальянную.

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

Скажу больше, работая над увеличением дохода, ориентируйтесь не на уровень дохода, а именно на то, сколько денег остается на этом счету лично для вас. Это и должно мотивировать.

Как же сюда поступают деньги? Есть весь доход, с него идет на резерв и цели, далее на бюджет. И когда на бюджет вся сумма появилась, средства направляются уже сюда в соответствии с указанными в таблице коэффициентами. Ну или без коэффициента, если вы один.

Шаг №5: последняя табличка по фиксации операций

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

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

Шаг №6: самый главный

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

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

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

Как вам?

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

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

Стагнация и проекты за копейки

Сразу углубимся в корень актуальной проблемы. Когда вы освоили Figma или другой редактор для создания макетов, возможно, кто-то из вас подумал «ну всё, я многое могу и умею». Внимание людей сразу переключается на вопрос «что же теперь с этим делать и как заработать».

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

Проходит время и специалист понимает, что финансовых благ не хватает и надо расти. Он берёт ещё больше проектов с заниженными требованиями и дешёвым чеком, работает по 14-16 часов в день и… Начинает выгорать. Мы описали 3 абзаца, но многие из вас понимают, что ситуация может длиться годами.

Дизайн — не волшебная таблетка

Многие идут в дизайн с мыслями, что станут за неделю мастерами и их с руками оторвут, предлагая заоблачные суммы. То есть, главный фокус начинающего специалиста, когда он осваивает навык — не сам навык, а размер оплаты труда. Это некорректно и вот, почему…

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

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

Гарантии «экспертов» на рынке

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

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

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

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

© Виталий — основатель MetaUX, методолог дизайн-стажировки.

Так в чём же секрет успеха?

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

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

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

Пример ученика, который точно добьётся высоких результатов

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

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

Полюбите процесс, а не деньги!

Желаем каждому из вас научиться любить своё дело и чтобы это оставалось на первом месте. Тогда рост не заставит себя ждать, а успех будет неизбежен.

С уважением и любовью, команда MetaUX.

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

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

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

Именно поэтому мне и стало сейчас приятно. Я не знаю, взял телеграм эту идею из моего кейса или другим образом, это не важно. Важно, что решение признано и внедрено популярным мессенджером. И знаете, это лучшая награда для дизайнера. Это ощущение ценнее любой суммы денег или зарплаты. Я желаю испытать это каждому из вас ❤️‍🔥

С уважением, Виталий.

1. Запуск новых продуктов.
2. Запуск студии.
3. Переезд на новую обучающую платформу.
4. Запуск нового сайта.
5. Запуск блога.
6. Вступительный экзамен.
7. Обновление правил чата.

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

1. Запущены 2 новых продукта

Первая новость конца 2021-го года — это запуск двух продуктов по обучению UI/UX-дизайну. Старый продукт, под названием «Практикум» прекратил своё существование. На смену ему пришёл новый и более мощный — дизайн-стажировка. Здесь, в отличии от предыдущего, больше раскрыты темы UX и проектирования дизайн-систем и крупных проектов, с учетом атомарного дизайна.

Когда мы запустили этот продукт, мы поняли, что необходим какой-то промежуточный попроще, чтобы люди могли просто попробовать себя в роли UI/UX-дизайнера и запустили дизайн-интенсив. Первое время он был платным и стоил от 1 до 18 долларов. Сейчас он стал доступен для всех абсолютно бесплатно.

2. Запуск студии UI/UX-дизайна

Создав дизайн-стажировку, пришло понимание, что ученики выйдут с неё с существенным опытом, многие такой опыт не получают даже на реальной работе UI/UX-дизайнерами в штате, который получают стажёры. Пришло осознание, что мы создали инкубатор, пройдя через который даже человек без опыта в дизайне переплюнет по качеству скиллов и навыков любого дизайнера с опытом 2-3 года.

Это привело к мысли, что необходимо запускать студию по оказанию услуг для бизнеса в сфере проектирования интерфейсов, решающих бизнес-задачи компании или продукта. Когда речь идёт о начале работы в B2B-сегменте, нужна команда, а её заслуги нельзя присваивать одному человеку. Предыдущее название и бренд — Yakovlev было бы некорректно и не отражало бы всей сути новых изменений.

С учётом новых трендов IT-сферы мы понимаем, что хотим быть нацелены не только на девайсы в виде смартфонов и десктопов. Мы планируем охватить и VR. Это очень перспективное направление не только для игр, но и для бизнеса. В связи с чем новое название и идея фирменного знака для логотипа подходят куда лучше, чем старые.

Слева вы видите наш предыдущий логотип, а справа — новый. Но всё новое — хорошо забытое старое. Кто давно следит за нами, понимают, откуда произошёл символ нового логотипа. Вот здесь можно увидеть наше первое лого.

3. Переезд на новую обучающую платформу

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

В связи с этим 2 февраля 2022 года мы полностью перенесли дизайн-стажировку на новый сервис обучения с более удобным дизайном, более простым и с лучшим плеером. Так выглядела старая обучающая платформа.

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

4. Запуск нового сайта

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

На данный момент сайт свёрстан и осталось немного доработать его функционал. На скриншоте вы можете видеть макет шапки страницы сайта дизайн-стажировки.

5. Запуск блога, в котором вы сейчас находитесь

Помимо имеющегося Instagram, Telegram, YouTube и Behance, мы поняли, что хотим с вами делиться ещё и статьями. Это не обязательно новости, которые далеко не всем интересны, это также могут быть лонгриды или короткие мануалы для начинающих и опытных дизайнеров.

Блог был давно, но его никто не вёл, в нём просто висели правила нашего чата в Telegram. Теперь же он находится на домене blog.metaux.ru и в нём уже есть статья про HSB-систему работы с цветом.

6. Вступительный экзамен на стажировку

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

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

7. Обновление правил чата

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

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

Начало обучения

30 июня 2019 года на практикум записался Руслан Ващенко. До начала обучения опыт в дизайне уже был, но качество работ оставляло желать лучшего. Предыдущая работа, где трудился Руслан, не приносила удовольствия и вгоняла его в стагнацию. Обязанности на предыдущей работе заключались в разработке логотипов и полиграфии.

Через месяц после старта Руслан полностью прошёл 4-й модуль программы по отрисовке различных UI-элементов.

Дизайн мобильного приложения

Далее Руслан взял небольшую паузу и после приступил к модулю по разработке собственного дизайна мобильного приложения с нуля. К 11 ноября Руслан проработал структуру приложения, поведение пользователей, CJM, сделал анимацию и загрузил полноценный кейс на Behance.

Посмотрите его здесь: https://www.behance.net/gallery/88150201/EASYGO-iOS-App-for-Urgent-Household-Repairs

Результаты и трудоустройство

На момент публикации этой истории, кейс набрал 4861 просмотр и 543 лайка. Благодаря кейсу Руслан нашёл новую постоянную удалённую работу и окупил вложения в практикум. А также получил обращения потенциальных клиентов с платформы Behance. Всё это произошло ещё до завершения полноценного обучения.

Хотите также?

Записывайтесь на практикум или посмотрите другие истории успеха студентов.

За 2 недели я провёл 15 собеседований, чтобы найти в команду UI-дизайнера и сделал выводы, которые будут полезны желающим найти постоянную работу или клиентов. Это важный пост. Если вы ищете работу или клиентов, прочитайте его жадно и вдумчиво от первой до последней буквы. После прочтения отвлекитесь от дел и подумайте, как быть дальше.

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

У 90% кандидатов горели глаза, я видел в них интерес к их деятельности и перспективе стать частью команды. Но, увы, этого недостаточно. Если вы узнали в этом описании себя, знайте, с одной стороны я завидую вам, а с другой — соболезную. Завидую, потому что у вас впереди увлекательный и интересный путь развития. А сочувствую, потому что путь до желаемого уровня, скорее всего, окажется очень долгим: от 5 до 10 лет.

Пока вы сами поймёте:

• что именно размещать в своих кейсах;
• какие навыки лично вам надо развивать;
• как позиционировать свои работы и скиллы;
• как презентовать их на собеседовании;
• где и как найти хорошего работодателя или платёжеспособного клиента;

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

Но вы можете перешагнуть через все эти муки. Дизайн и поиск работы с заказчиками — это просто, если вы знаете определённые принципы. Я всегда соблюдаю их, они помогли мне выиграть конкурс по дизайну Telegram в этом году и найти новую работу под конец года с зарплатой на 50% выше текущей в зарубежном проекте с представительством в СПб.

Да-да, с января я снова меняю работу, потому что получил предложение, от которого отказаться довольно трудно. Последние полгода я думал «куда уж выше», но нет… снова произошёл скачок и рост. Всего одно собеседование за полгода и прямо в цель. Мне даже не дали тестовое задание — сразу взяли.

Принципы и методы, которые дали мне текущий результат

Эти принципы касаются не только дизайна, но и вас, как личности. Это руководство к действию с заложенными в него методами, как и что делать. Я страдал и мучился около 8-ми лет, чтобы сформировать эти принципы и методы, которые привели меня к текущим результатам.

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

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