Contra UI Kit

Branding - Mobile App Design - Pitch Deck Design - Web Design

Branding - Mobile App Design - Pitch Deck Design - Web Design

Overview

Overview

Overview

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.

Phase 1: Branding

Phase 1: Branding

Logo Design

Logo Design

The focus for the logo was a modern, clean aesthetic with the blue to purple gradient symbolizing the transition from WEB2 to WEB3.

Color Palette

Color Palette

Color Palette

Clean, minimalistic color palette with blue & purple used as a gradient & alone.

Typography

Typography

The type face is clean with fonts that are easy to read & are IOS compatible.

Phase 2: Landing Page

Phase 2: Landing Page

Phase 2: Landing Page

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.

Phase 3: IOS App

Phase 3: IOS App

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/