LANDING PAGE
Challenge
Existing landing page can be found here, at www.wallethub.com. However, during the time I was working for WalletHub I noticed that existing landing page had some issues with its’ user experience. I strongly believed that it could acquire better conversions for call to actions, and for overall better look. I was asked to do my own version of landing page, which would be implemented sometime next year. There are few different versions, please check below.
Solution:
My main focus and goal was to send a straightforward message as to what WalletHub is about. Also, to decrease the height of the header, and to show CREDIT CARD CATEGORIES without too much scrolling through the page show. Credit card search tool is the main revenue source for this product, so showing the credit cards at the top and under the header was a sensible and efficient decision. Instead of showing the header image with illustration of a couple (that resembles a dating app), I decided to go with a product screenshot and showcase them in different devices.
At the middle of the page users can find product features, which increase call to action, and at the bottom some additional benefits like Calculators, Articles and Studies, Reviews and all the other useful information for your wallet and financial wellness.
ABOUT US PAGE
Challenge:
Our aim was to present the mission and the values of the company, and to show what we are about. There should be an area for job openings, and some photos from our office to show what it looks like to work with us.
Solution:
Header image sends the message of what WalletHub product looks like and what it is about. Middle part of the page shows a few images of our team life at the office, etc. Then there is a part for WalletHub mission statement, leadership information and company values.
Here you can find some unused concepts.
Card Advisor Tool:
Challenge:
Card Advisor should be used as a tool by those, who don’t know what credit card they should get, but also want to find some killer savings for credit cards. By entering all the basic information on how much they spend per month on: gas, groceries, dinning, and such they will be offered the best credit card deals and information on how much they save.
SOLUTION:
The product designer and I decided to go with simple steps- questions, where users enter their information and as a result get the best deal on credit card specifically for them. Instead of filling out long forms about the customer’s needs and current financial situation, questions on user’s experience seemed like a better idea.
How it works page for Wallethub that needed to represent a clear explanation of how their system, product and service works. Here is some of my designed versions.
Challenge:
Searching for credit card which suits your needs is not easy if a web page that you are using is hard to read or navigate. Our goal was to create a credit card search tool inside of our WalletHub page, where people can use filtering options and see what credit cards available for them. Results depends on various variables, for example: a.) user has a bad or good credit b.) they are studying or having businesses c.) looking for best reward rates, etc.
Solution:
During brainstorming sessions and many design iterations I decided to go with a clean, white and minimalistic design which is focusing on content and that is - credit cards. Filtering options available on the left side, while on mobile version this is changing and they are going to the top. Easy to scan for eyes various essential information for picking up best credit card. Please see below listed screens to understand whole experience.
Besides that there was designed various credit card templates which were used further for various cases and scenarios.
During period of working for WalletHub I designed some email templates which was used for various cases and scenarios. Below you can see desktop and mobile versions of email templates for welcoming after you signed in or website system is informing you about how big you can save, etc.
I was asked to design a page which people will get after they sign-out from WalletHub website. Company's goal was that this page should have some value for people, so I offered ideas of showing AD of our mobile application or offering for user a special credit card offer that suits their needs. Below you can see some results of my work.
WalletHub
About Company:
WalletHub is finthech company and the first-ever website to offer free credit scores and full credit reports that are updated on a daily basis. But we consider that just an appetizer, as we’ve built the brain of an artificially intelligent financial advisor that will truly leave your wallet full. WalletHub’s brain performs three primary functions, providing: 1) Customized credit-improvement advice; 2) Personalized savings alerts; and 3) 24/7 wallet surveillance. Such features are supplemented by more reviews of financial products, professionals and companies than any other website offers and a diverse community of subject matter experts. WalletHub is owned by Evolution Finance, Inc. and is based in Washington, DC.
Company Mission:
WalletHub is dedicated to helping people efficiently attain top WalletFitness™ so they may enjoy life instead of worrying about money. To that end, we strive to make the complex simple and to provide each user with a personalized level of care.
My Role in this Company:
I was User Interface and User Experience Designer working closely with Product designer Jim and CEO of company Odysseas.
Constantly brainstorming and wire framing on whiteboards and working on designs by using Sketch, Photoshop and Adobe Illustrator.
Here you will find various projects designs that I was working on. Please, scroll down for previews and explanations below the designs.