I started this process by using the existing Exodus app. The main aspect I discovered is that Exodus is extremely easy to use. As Cryptocurrencies are already quite daunting for first time users, I found this to be extremely beneficial. I wanted to keep the level of usability, but refine it further and focus on individual actions.
Below I will show indivdual screens I have designed while I talk about the changes I have made and the reasoning behind my decisions. While this is not a completely perfect design, it shows the general aesthetic and functionality I would like to bring to this program. If I were to do this in a real world scenario I would undertake significant user research to help ensure the redesign doesnt alienate existing users, while also welcoming newcomers. Also as I am unaware of what code you use and what you plan to develop for, I can't give solid suggestions for what code to use. However if you're planning on doing anything in browser I would recommend using combination of HMTL/CSS and React.
To give Exodus a new identity, I refined the existing colour palette. The app already looks very nice and quite refined, so I simplified the colours into a series of greys and a highlight colour of yellow, with a secondary cyan colour. I feel this keeps it in line with existing style, but elevates it and gives the program it's own identity.
I also introduced two new fonts for Exodus. 'Rift' for headings and 'Maison Neue' for body and detail. Rift is a bold and unique font. It is extremely easy to read at a glance and has a strong identity of it's own. Maison Neue is a beautiful san-serif typeface with several different weights. This means it can scale extremely well over a range of sizes and devices. It also has a mono spaced weight which makes it perfect for use in tables and finacial data displays. The reason for introducing new typefaces is the current ones have been used on many existing apps. This dilutes the brand image of Exodus as users will relate those fonts to other apps.
The redesigned loading/boot screen is extremely simple. The focus is on the Exodus logo, with a simple loading bar and a X motif in the background. The yellow accent colour is extremely easy to view and stands out from the rest of the application. This is a feature that is used through the design in order to draw the viewer's attention to the necessary information that they are viewing. This is also the screen that is shown once the user has input their login details while the system logs the user in.
This is the screen that greets a first time user. 'Get Assets' takes them to a send/recieve screen and 'Backup' takes them through the backup process. Once the user has set up their assets, they will be taken through the optional onboarding.
Onboarding is a two-step process. It explains the functionality of the program in a clear and simple way. This is included as people who download the Exodus wallet might not know how to use the program and this confusion could cause them to leave.
However if the user has previously logged in, they will see the screen below.
The functionality of the login screen is essentially the same as the current screen. The visuals have been redone to align to the new identity. At this stage the user also has access to the help menu and the general menu at the top right corner.
Once the user has put in their password the input field size changes and the login button appears. Alternately the user can simply hit enter to log in. This information is displayed on the current program but I removed it from this screen as it is now a standard behaviour, so the user doesn't need to be informed of this.
Once the user has logged in, they land on the dashboard screen. This screen is a combination of all the tabs on the existing program. I found that there was easily enough room to reshuffle all the components and get them on one screen.
The three main panels can be used individually as modualar components, so they can easily be reused throughout the program. I came to this decision by working through several possible scenarios in the wireframe stage.
The left panel shows the total amount of currencies the user has. This is a reimagining of the existing circle/pie graph design. I changed this because the same amount of information is shown here, and it takes up around 25% of the space. This allows for the other two panels to be shown.
The middle panel shows the information about the selected currency (It will default to the currency the user has the most of) It shows all necessary information and also includes a graph that shows the currency's performance over the last 30 days (the user can click on the time to change it between 30 days, 1 day, 12 hours etc).
There are also four options below the currency. As explained in the onboarding screens, they allow the user to send, receive, exchange or view the history of transactions in this currency.
The final panel is the 'active' panel. By default it shows a list of currencies the user has, with active currencies highlighted. The user can also minimise this list so it only shows active currencies by clicking the top right corner.
This screen shows the minimised currency list.
Animation showing how the active panel changes depending on user input. This gives an idea of the minimal style I would want to use for interactions. I chose this style as it gives the animation personality, but doesn't take too long to complete, which would frustrate the user.
The history screen has been reworked. On the existing screen there is information being repeated which is unnecessary and clutters the design. If currencies are exchanged it will show in the right side column. Incoming currency is highlighted in yellow.
The send screen has been reworked to keep it in line with the rest of the design and improve the functionality. When using the current program I was surprised to find that I could click the QR code to generate it, so I changed it to a camera icon so this would be more obvious to the user.
Using different colours to display different a currency (ETH).
The functionality of the existing recieve screen was basically perfect, so I re-designed it to fit with the current look and align to the new grid I have implemented.
This is the redesigned exchange screen. All active information is visible until the user clicks exchange. Then the user will see the screen below.
Now that the exchange is in process the rest of the information on the screen fades into the background. At any point the user can click on another panel to bring it back into focus. The dots between the words will animate back and forth, while the word will be highlighted depending on the progress of the exchange.
The menu has also been redesigned. On the existing program there are two entry points to the menu, which doesnt really make sense, so I've removed of one of them. If the user ever gets lost they can simply click the menu to get taken to where ever they want to go. The logic behind removing the four tabs was that they took up visual space and hid options behind tabs, which is bad for discoverability. The backup option has been put into this menu, as it is unlikely the user will be doing several backups, thus removing it's need to be visible constantly.
Redesigned FAQ section
Redesigned FAQ section showing typographic hierarchy.
As the world becomes increasingly mobile, I would assume Exodus will release an app. To test my concept I redeveloped it for mobile and the three-panel approach still works.
The user can still see all the information they need at a glance, and the panels can easily slide left to right to give more information or to include the 'action panel' so there would still be 100% functionality on the no matter what device the user has.
I also wanted to see if this concept would work on wearables, so I designed the portfolio screen for an Apple watch. The user can still see all necessary information and they could simply swipe left to right to reveal different panels
Finally, I found the existing audio effects were quite distracting, so I have devloped a more distinct and fitting audio style for the program:
With this concept I focused on minimising clutter and the options a user has while still retaining functionality. I have acheived this by combining four screens into one and reimagining the visual style into something more unique and contemporary.