The Gift Rapper - Microsite
UI Design, Creative Direction – Agency: TBD, UNIT9 – Client: StubHubHip Hop + Artificial Intelligence + User submission data is the avenue of our GIFT RAPPER experience. With StubHub's holiday design language and 1990's HipHop cultural texture of everlasting classic 'Boom Bap' bars, we created a streamlined and seemingly straight forward digital questionnaire. In reality and behind the scenes a well trained Artificial intelligence takes users answers and appropriately dynamically applies it into a series of lines to create a real-life rap written and voiced originally by our very legendary influencer MC -- MURS.
A parallax of subtle movement and clean dynamic transition create a whimsical, fun and nostalgic hip hop experience and motion allowing the user to clearly move through the experience.
https://giftrapper.com
Final design direction and style creative:
![](https://freight.cargo.site/t/original/i/ea9ae463a8e77112e642145ae2c2384ac131a9ac7f4fe1103a0ada8f9a947d2e/01SH_RapGen_Dektop_Preloader.png)
![](https://freight.cargo.site/t/original/i/720d09ca42a7f1b8bb835d1b1550c54525c514a6bf7a6696f9c9f061bcdb33f4/01SH_StubHub_microsite_Click-Thru_Preloader.gif)
![](https://freight.cargo.site/t/original/i/f6566294bc64edc5b529c5339a32ae0edbd2d0942ff677b0bf2ea8e042ee9148/02SH_RapGen_Dektop_LANDING.png)
![](https://freight.cargo.site/t/original/i/dba368e9a885227912e4a0bbde87051ba69833b7a966dc09d39e29d0a341a60b/02SH_StubHub_microsite_Click-Thru_home.gif)
![](https://freight.cargo.site/t/original/i/62cbc77f05eda29464552907559a6fc79d472400b5240105f1a57b87b7cd8d51/03SH_RapGen_Dektop_Events_sports.png)
![](https://freight.cargo.site/t/original/i/118b167187aabc4648f4bb3a7d571549aae45b8de0bcb9f0f2dd1ed66efa5702/03SH_StubHub_microsite_Click-Thru_Events.gif)
![](https://freight.cargo.site/t/original/i/51b93fde1c5aa951f2c293b692fc9a99db2f97f47a659b7ef43c011e589a5f0d/04SH_RapGen_Dektop_EventsDetail.png)
![](https://freight.cargo.site/t/original/i/0a0a9c4b718ed1335ec78d573a7012e976d188e0761c22dba17561eae73fd443/05SH_RapGen_Dektop_Questions01.png)
![](https://freight.cargo.site/t/original/i/ce4924ca3955bc3a3903dd37cf2877f4cff9b8603c1f5c4eda172e22edc221a3/04_SH_StubHub_microsite_Click-Thru_Questions.gif)
![](https://freight.cargo.site/t/original/i/8c9b0e352b9dffc947f1c7b3e634a6ff84d7dc647cfefe94db0b732d40851a93/09SH_Video_Thumbnails_desktop_sports.jpg)
![](https://freight.cargo.site/t/original/i/3a1abc956bccb621244dfa9c21d637e03420452e160104b7e59fe73933b7cd6a/05_SH_StubHub_microsite_Click-Thru_Payoff.gif)
Alternate visual directions and explorations:
![](https://freight.cargo.site/t/original/i/8861a8439d845fee28646c61246da341ace2d56ac39d7aa6628c48520de63959/03SH_RapGen_Dektop_Events-Alt.png)
![](https://freight.cargo.site/t/original/i/80b838c52da4f4b478b302e3bb2568b3056120bba911e5215419c738e6de8cf0/06SH_RapGen_Dektop_QuestionsLong_Alt.png)
![](https://freight.cargo.site/t/original/i/c8d17c0ddaaba02419ff83c6f52f6baedef2f3deaca5433ea643f3db0c44e5b4/07SH_RapGen_Dektop_QuestionsShort_Alt.png)
![](https://freight.cargo.site/t/original/i/bc612794f7f69723e261655ab0ab7293405510c4a9e83e0100d20068e7bf3f80/04SH_RapGen_Dektop_EventsDetail.png)
![](https://freight.cargo.site/t/original/i/1f63174fe5ebb322934bfff15d9477efa543f95b483fc5b1e3b823733c349cfe/05SH_RapGen_Dektop_QuestionsLong.png)
![](https://freight.cargo.site/t/original/i/78ca19bb477fecdd6143882c713e603f32a70aa3895ec04165486475504e3732/14SH_RapGen_Dektop_GiftedWelcome2Alt.png)
![](https://freight.cargo.site/t/original/i/b170bacccc8cd482220d713454bccee8552131fcce9329503a688e55660ef4c6/13SH_RapGen_Dektop_GiftedWelcome2.png)
![](https://freight.cargo.site/t/original/i/4db45e4e74b33985e4827915c05a1cef4cb3c3ab1f4ce2151f6dfc89201ca658/03SH_RapGen_Dektop_Events-Copy.png)