vladimir@vladovic.com

Hi-Lo

TECHNOLOGIES USED
Vue.js 2 GreenSock
YEAR
2019

About the project

HI-LO is an engagement mechanic where four cards are presented to a user. Only the first card is revealed. User’s task is to guess for every next card if its value will be higher (HI) or lower (LO) than the previous one. If the user’s guess is incorrect, he/she loses, if he/she manages to guess correctly all 3 times, a random prize is given to the user.

My responsibilities

My job was to build the front-end of this mechanic based on requirements and UX/UI provided. Communication with stakeholders, project managers, QA, UX/UI designer is a standard. As the animations were getting pretty complex, the decision was to use a library (GreenSock) to make them easier to maintain.

The biggest challenge

Probably the biggest challenge was to convince myself that using a library for animations will be worth it. I was very sceptical about performance (I was always taught to not do animations with JS), but I must admit, that performance is very solid, and readability and updates are much cleaner with GreenSock.

Intro
First guess
Win
Next Project