New UI for SwapSteem

mockup(1).png

Repository

https://github.com/nirvanaitsolutions/swapsteem-ui

Linked Task Request

@swapsteem/task-request-swapsteem-ui-swapsteem-invites-contribution-for-ui-design Created by @swapsteem

Details

Swapsteem is a peer to peer exchange, similar to localbitcoins.com. With increasing number of users on this platform, we have felt a strong need for a peer to peer exchange to convert Steem and SBD directly to different fiat countries, provided with secure escrow transactions in moderation of varius influencial steem escrow agents for the respective country or currency. So we want to help Steemians get their hard earned Steem directly into their bank accounts, and save them a lot of Fees that exchanges take for such facilities.

My task was to create a new home page design for Swapsteem (a logged in and logged out version of it) and if it gets accepted by the team, do the UI for the inner pages too (Post New Trade Page, Wallet Page, Profile Page, Dashboard Page, Trusted People page), which will be published soon.

Desktop version

Home page - Logged in version

Light - Logged in.png

Dark - Logged in.png

Home page - Logged out version

Light - Signed out.png

Dark - Signed out.png

Mobile version

Light - Signed out - Mobile - 812.png

Benefits / Improvements

After a few hours of research, realized most of the peer-to-peer exchanges has bad UI and even worse UX (User Experience) design.

After noticing this issues, as a UX designer, my goal was to create a good looking but still user friendly UI, which works great on desktop and on mobile devices. I have created a dark and a light version of the interface, so the users could determine which version they prefer to use.