BRIEF
The goal is that we want to explain the main perks of this particular savings product. But, we don’t want to dump tons of information in the beginning of the page, because as the user scrolls down to the page, they’ll see further explanation of the product.
solution
From this brief, we’re thinking to designing a product tour experience, where the interaction is similar to Instagram story, where after the user click the entry point, it will launch a full screen explanation about the savings product.
Brief
The goal is that we’re designing a compare credit cards page that helps potential customer to compare the perks of each other. The client requests a two versions where (i) compact version and (ii) detailed version to be added in the library.
solution
For the compact version, we’re displaying the credit cards product card side-by-side so potential customer can directly compare the details to each other.
solution
As for the detailed version, customer need to pick max 3 credit cards they want to compare to each other. After doing that, they’ll see the comparison in table format. From here user can easily compare the details based on the type of information. They can also change the credit card type from the dropdown on top.
result
Here are some of other components that I also help designing.
View ATM or Branch Details
