Contra UI Kit
MAP3's mission is to create a ticketing platform with a built in loyalty rewards program, powered by WEB3.
Role
As the product designer I was tasked with first defining the brand, then designing a landing page then finally designing the mobile application.
The focus for the logo was a modern, clean aesthetic with the blue to purple gradient symbolizing the transition from WEB2 to WEB3.
Clean, minimalistic color palette with blue & purple used as a gradient & alone.
The type face is clean with fonts that are easy to read & are IOS compatible.
Homepage- Wireframe
Use positioning to fix topbars, sidebars, and backgrounds.
Homepage- Final
Use effects like Transforms and Parallax scrolling.
Tickets- Wireframe
Connect your site to the most popular apps out there.
Tickets - Final
Run a blog, list job openings, or manage your event schedule.
Collectibles- Wireframe
Visually structure your pages and link to them easily.
Collectibles- Final
Build lightning-fast, globally optimized sites.
Footer- Wireframe
Build lightning-fast, globally optimized sites.
Footer- Final
Build lightning-fast, globally optimized sites.
A starter wireframe kit for quick design and prototyping your idea. Its library contains more than 150+ components and 50+ ready to use mobile screens. You can also create new components and screens easily with the help of its style guide.
Get it from here contrauikit.com/
![](https://framerusercontent.com/images/oQ65CY9Qk1W3v2c4ykiPXXB3og.png)