UIPrint

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

Speed up your paper prototyping with printable mockups and wireframe. As compare to blank paper these helps you to quickly draw clean wireframes and stay organized.


We are living in the digital design era, and have a lot of different tools that make the process of prototyping really simple. But still pen and paper remain the most useful tools for UX designers. Paper prototypes are an excellent and cheap tool to get feedback on early designs, These printable templates allow you to quickly draw clean wireframes and to stay better organized on your projects. Wireframes drawn out on in a device helps to put things in perspective.


Product of the day #1 on PH | uiprint.co