I and one of my friends submitted this Defi bounty, you can have a look at our redesigns and design decisions here👇. This was a weekend project and we both worked together on everything.

<aside> ⚠️ Disclaimer: This file is graphics-heavy, please be patient if it takes some time to load. Hope you will like the work. 😎

</aside>

After having a look at the website and reading what Port Finance does, the landing page was not highlighting the key selling points of the product, there was not enough persuasion as to why a user should use it, and why they should trust PORT. Even there was no clear section stating how to use the product. So we carefully analyzed each section and redesigned the whole website.

Website redesign Figma link:

https://www.figma.com/design/FaboAiffnhEO4m1Dy5HJga/Port-Finance?node-id=1-166&t=tRpx4JJkgkZG9XXP-1

Hero Section

Old version

• Understanding what Port Finance does is difficult.
• CTA in the Navbar is not provoking any action and is not catching user attention as it is mixing with the background, also for bigger screens left and right spacing is too much and is filled with some solid color.
• An abstract illustration is being used which is not conveying anything about the product, instead, we can use this part of the screen to our benefit.
• Defi world is full of jargon, which overwhelms the user as they’re not able to understand what this product does which results in a lack of user interest and further drop-offs
• The hero section should also build trust in users. Currently, no information could answer “Is this product trustful, or is it a scam?”

Redesigned version

• We made the content easy to read by adding a proper visual hierarchy and rewriting the main heading of the page. We’ve also redefined items in the top navigation bar.