top of page
XY Labs | UI Design
Design goals: Create visual consistency through out the app. Use friendly colors. Design each icon so the user feels comfortable interacting with it.
COIN: Always Be Earning
High Fidelity Mock Ups
Design goals: Create a visually appealing layout that increases functionality over the previous build. Each section contains variations that communicate a visual hierarchy using typography and color.
Balance Bar
Coin's Balance Bar is the focal point of the app. From this bar the user can easily see their currency balance. It also allows access to a drop down prize menu with extra features. When the user has collected enough "Coin" from data mining they can select their prize by accessing this menu.
Design problem: Most users are unaware the drop down menu is available. I approached the redesign of the Balance Bar with two goals. 1. Create a sleek new presentation. 2. Communicate to the user that the drop down menu exists.
Design solution: Add a simple plus sign icon to communicate more content is available.
Isometric Digital City Graphic
Concept: The Isometric Digital City will highlight how XY Labs connects the real and digital worlds through blockchain products by using an isometric view of a city that is powered by XY Labs tech.
Intended as the main homepage graphic of XYLabs.com. My design includes original vector assets (various shaped buildings, laptops, blocks, satellites, towers, etc) with repurposed stock vector assets (plane, cloud, smartwatch, drone, earth, logo, thought bubble) These were then organized piece by piece to form into an original graphic that would have a multi-purpose function for the XY Labs website and promotions.
Blog Promotional Graphics
Medium.com/xyonetwork has a unique feature for promotional graphics. All blog promotional graphics are designed using a one size fits all method. Medium.com will take one promotional image and automatically create three separate thumbnails for placement through out the site. Content placement and messaging must be taken into account when designing the promotion's focal point.
bottom of page