UX STRUCTURE

A focus on dark theme was selected to resonate a club or night event with a mixture of gold to indicate a luxury experience though the platform (or maybe because we love beer).

UX Structure

FONTS & COLORS

Gold Yellow

R: 239 G: 216 B: 134

R: 146 G: 100 B: 39

Used for buttons, pins, headlines

Business Colouristics

Bright gold is an attention-grabbing color, particularly when used with black. such high-contrast color combinations are easy to read, even from long distances.

Charcoal Grey

R: 239 G: 216 B: 134

R: 146 G: 100 B: 39

Used for background, text and headlines

Typographics:

LATO REGULAR

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890;’/?12%@#&*

LATO BOLD

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890;’/?12%@#&*

UI DESIGN

DEVELOPMENT PROCESS

The entire development process was completed in 3 phases starting with UI and Prototype for investment rounds followed by a two-phase development process. The first phase included a live app for a launch party and the next followed by app enhancements and updates using user feedback.

1

UX and Prototyping

To raise initial funding, the clients needed a prototype. In phase 1, we created raw designs in Sketch with careful UX consultation, which were converted to a UI integrated prototype in iOS. A successful pitch led to a new sophisticated UI phase and development.

2

Frontend & Backend

Wve presented a new Black-Gold UI for the next round which was then coded into native iOS app using Swift 4.1 and Android app using Java. A robust backend with custom APIs was implemented using Laravel framework and 3rd party APIs for Login, QR and payment.

3

iPad App

A separate merchant app was created that will be held by club employees/hosts to scan orders, view history and accept payments from users. This can be further blown into a full CRM system in future with existing customer data.

4

QA and Updates

A rigorous quality check and quality assurance cycle ensured a bug-free product. We followed the agile methodology for the entire SDLC and the modules were coded to adapt new updates which are already in queue for second version.

TECH STACK

Sketch
Sketch
AWS
AWS
PHP
PHP
Swift
Swift
Laravel
Laravel

CHALLENGES & RESULT

1

Multiple Card Payments

Auto-amount deduction from a default set card in user profile was added as a new update that required us to go back to the drawing board and reset the entire payment flow of the app with a default payment option in profile.

2

Multiple Payment Options

Sequencing and unifying the flow of multi-payment options like Apple Pay, Google Pay, Venmo and Paypal needed a research time to enable all these 3rd party APIs to work in sync and be marked as default over one another using the last-used approach.

3

Split Refund

Partial refund was not possible until Braintree processed the payment from the bank. A cron job was developed to run all partial refunds after 24 hours which processed refunds using the same transaction id.

Download Now

From App Store And Play Store

Version 1 of the finished product has already hit the stores with 2 successful events in Summer 2019. Version 2 of the project is in progress and launching in June 2019.

App Store
Play Store

TESTIMONIAL

Founder of Linemogul

Thank You Wve Labs for guiding us throughout the complete project and delivering an amazing new concept in the market. They have given us a great boost to our business.

quote