Exodus.io: The Premier Crypto Currency Hot Wallet with Abundance of Capabilities
I performed a case study on the company website for the Exodus.io wallet which has grown in popularity and increased capabilities since I first discovered it in 2017. My goal was to create an in-depth overview of my initial observations on the companies website and focus on key priorities to iterate on the UX Design and User Flow when potential users land on their website. My process from start to finish included performing in-depth initial observations, creating a priorities list, hand-sketching initial wireframes with explanations for UX decisions for each page, mocking up the website, prototyping the mockup, and finally creating a responsive iOS version of the website with notes on how to dynamically scale and best arrange content for various screen sizes and device specific calls to action in their respective contexts.
Role: UX/UI Designer, UX Researcher
Project type: Company Website
Platform: Desktop and Responsive Layout
Project Length: 10 Days
Deliverables: Initial Observations Detailed Notes, Priorities List, Hand Sketches with Reasoning for UX Decisions, High Fidelity Mockups, Clickable Prototype, Responsive Layout, Development Notes
Tools: Pen & Paper, Adobe Photoshop, Adobe XD
The first thing I did was thoroughly go through the Exodus website on both desktop and mobile and laid out all of my initial observations with notes on room for improvement. After looking at all of my notes I knew that being able to not only create a fully responsive layout shifting element sizing and positioning would be a huge priority, but actually changing the content itself based on the context of the device potential users were using was going to be a priority. If the main call to action is for potential users to actually download the application whether it’s the Desktop or Mobile version, it was going to be imperative to make the content itself make sense in the context of the respective browser. I.e., for potential users on mobile, focus solely on the mobile application and remove most/all content on the main landing page about the desktop version. After creating this list of notes, I narrowed down a relatively small priorities list that I could work through in the time frame of this project.
Below are my initial hand sketches of the wireframes for the layout I was hoping to achieve in this project. Each section has reasoning for the UX decisions behind the designs.
Given the time frame to complete this project, I wanted to nail the landing page, work on the Mission/Values page, and ensure that the responsive layout was in place. Overall, my goals of achieving greater continuity and consistency in color throughout, arranging in a sensible chronological order the content and information regarding the product, and honing in on contextual content changes for desktop vs. mobile site were achieved. I began thinking about and exploring development options for taking this project to full scale towards the end as well. I wanted to incorporate media queries in React Styled Components to not only make the layout responsive, but make the content itself dynamic to drive call to action conversions for respective desktop vs. mobile applications. Below are the demo walkthroughs of my prototypes for desktop and mobile I was able to create during this period of time.