https://www.andreklai.com/aboutme daily 1.0 2024-11-01 https://images.squarespace-cdn.com/content/v1/5eb44a5d9318591c9e1e0fb7/1590029649337-Y2RE0MIFCAXEDLVADAXM/Motion+Graphics+gif+1.gif https://images.squarespace-cdn.com/content/v1/5eb44a5d9318591c9e1e0fb7/1635487410588-WHCEAUZ0P5UJR7VFHW6J/Phone+gif+1.gif https://www.andreklai.com/portfolio daily 0.75 2024-10-31 https://www.andreklai.com/contact daily 0.75 2021-10-29 https://images.squarespace-cdn.com/content/v1/5eb44a5d9318591c9e1e0fb7/1635487791937-5GTAFEDNO5VKGP1M5WFT/Andre+Lai+Oct+2018.jpg Contact https://www.andreklai.com/projects daily 0.75 2024-10-31 https://www.andreklai.com/projects/the-ready-games monthly 0.5 2021-10-29 https://images.squarespace-cdn.com/content/v1/5eb44a5d9318591c9e1e0fb7/1635482106822-OFVCDQ2Z5LH2KEQPNHGN/TheReady.png Projects - The Ready Games - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5eb44a5d9318591c9e1e0fb7/85c10c9d-9f49-43ec-94d5-296fa96b2e37/JD_Concept+1+%28Andre%29.png Projects - The Ready Games https://images.squarespace-cdn.com/content/v1/5eb44a5d9318591c9e1e0fb7/15263d7a-da88-4a9d-afde-674510a4a664/ML_Body_Rotate2.gif Projects - The Ready Games https://images.squarespace-cdn.com/content/v1/5eb44a5d9318591c9e1e0fb7/35161d85-4056-4bff-88b8-9c03e6dbf095/ML_Body2.gif Projects - The Ready Games https://images.squarespace-cdn.com/content/v1/5eb44a5d9318591c9e1e0fb7/0bdc3f95-064c-423c-8397-f52f7a418820/Marcedes+Lewis+Mock+03+20200813.png Projects - The Ready Games https://images.squarespace-cdn.com/content/v1/5eb44a5d9318591c9e1e0fb7/e79e1b8e-f6dd-47a0-9af3-9597228d8f2d/ezgif-4-537e5e8a6597.gif Projects - The Ready Games https://images.squarespace-cdn.com/content/v1/5eb44a5d9318591c9e1e0fb7/aecff0ae-0b82-4004-b76a-bbcb503177b5/ezgif-4-e620dc41386f.gif Projects - The Ready Games https://images.squarespace-cdn.com/content/v1/5eb44a5d9318591c9e1e0fb7/a51bdf4c-e0fa-4fa5-b9ed-1556de903444/ezgif-4-9ec2bce2a89f.gif Projects - The Ready Games https://images.squarespace-cdn.com/content/v1/5eb44a5d9318591c9e1e0fb7/30d7999b-06fd-4399-b072-a6f6fc880cb3/ezgif-4-2ec663ccf4af.gif Projects - The Ready Games https://images.squarespace-cdn.com/content/v1/5eb44a5d9318591c9e1e0fb7/4f35de96-c809-45d5-b6b2-ed90848f371c/ezgif-4-2cda05091d2e.gif Projects - The Ready Games https://images.squarespace-cdn.com/content/v1/5eb44a5d9318591c9e1e0fb7/19a11473-3b1e-48bf-b308-da61fd7adc72/ezgif-4-c74a20c13433.gif Projects - The Ready Games https://images.squarespace-cdn.com/content/v1/5eb44a5d9318591c9e1e0fb7/cb91ea2b-5b35-4a60-9648-81a5344d4e72/ezgif-4-d42212726102.gif Projects - The Ready Games https://images.squarespace-cdn.com/content/v1/5eb44a5d9318591c9e1e0fb7/4fbcc756-5460-474d-be42-fa31ec4823fa/ezgif-4-4c4634b81b7d.gif Projects - The Ready Games https://images.squarespace-cdn.com/content/v1/5eb44a5d9318591c9e1e0fb7/79a21fa2-16df-472f-b8e8-96c601d0a134/Artboard+4.png Projects - The Ready Games https://images.squarespace-cdn.com/content/v1/5eb44a5d9318591c9e1e0fb7/c46c2b93-0902-49a7-9715-2da622b75819/Artboard+14.png Projects - The Ready Games https://images.squarespace-cdn.com/content/v1/5eb44a5d9318591c9e1e0fb7/2576dc65-9336-4891-94f8-1bbfac536ae1/Artboard+6.png Projects - The Ready Games https://images.squarespace-cdn.com/content/v1/5eb44a5d9318591c9e1e0fb7/faa0b3a1-92fd-4ac7-af34-bacb6afd2900/Artboard+7.png Projects - The Ready Games https://images.squarespace-cdn.com/content/v1/5eb44a5d9318591c9e1e0fb7/c4a7448f-9e9a-4010-b594-26543bbc6a86/RGN_VIPdevProgram_Promo_02+FNL.png Projects - The Ready Games https://images.squarespace-cdn.com/content/v1/5eb44a5d9318591c9e1e0fb7/70886952-ea51-4533-9a7f-3b6bc16b82cb/Artboard+8.png Projects - The Ready Games https://www.andreklai.com/projects/icon-fashion-avatar-universe monthly 0.5 2021-10-29 https://images.squarespace-cdn.com/content/v1/5eb44a5d9318591c9e1e0fb7/1635456639632-6O759TDYQQ6C97WKGSX8/ICON_AppStore_Logo2.png Projects - ICON: Fashion Avatar Universe - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5eb44a5d9318591c9e1e0fb7/1635457174695-9MHPIXDKO50G8683IS2B/Screenshot+2021-10-28+173911.jpg Projects - ICON: Fashion Avatar Universe - Competitive research + Initial sketches The product design of ICON was initially social-focussed, as it was conceived at first as a mobile random communications app similar to Chatroulette but with avatars and voxbox system. First step was to research what’s already out there and where we want the design to land relative to our competition. We initially settled on a Disney-esque art style that would cater to our core demographic of Millenials and Gen-Z users. https://images.squarespace-cdn.com/content/v1/5eb44a5d9318591c9e1e0fb7/1635458444381-D935VG5TWBU6XQ8ZOION/ezgif-1-2d8b1d18f470.gif Projects - ICON: Fashion Avatar Universe - Initial art design The brief was simple: create a dreamlike universe where users can become anyone or anything they want and travel around different dream-like worlds to interact with strangers. This initial design was inspired by the children’s book The Little Prince, where the main character in the book travels around tiny planets and meets all kinds of characters in his journey. Similar to The Little Prince, avatars in ICON would live on tiny customizable biospheres, allowing users to be creative and stand out among others. https://images.squarespace-cdn.com/content/v1/5eb44a5d9318591c9e1e0fb7/1635460192858-185K933Y5XVKKZ4UXSUY/ezgif-1-3d4c64a6af80.gif Projects - ICON: Fashion Avatar Universe - Initial UI+UX Design Since the product was fairly simple in terms of functionality, UI was kept fairly minimal as it allowed the world and avatars to become the focal point. A public message feed would appear as stars/planets in the skies to serve as a player counter and to give life to the community. https://images.squarespace-cdn.com/content/v1/5eb44a5d9318591c9e1e0fb7/1635473711335-97I2MT5SJ1OQD16NQT26/Screenshot+2021-10-28+221249.jpg Projects - ICON: Fashion Avatar Universe - Back to the drawing board. After some initial testing, it came to the game designer’s realization that a Chatroulette-style app held little potential for monetization in the long term and wanted to explore the potential of user-generated customizations for avatars. In order to have such a system in place, the avatar system needed to be simplified and optimized for users to easily design their own creations. A simpler design was adopted, and the face was replaced by a flat object dedicated for a 2D texture placement in order to facilitate user-generated face designs. https://images.squarespace-cdn.com/content/v1/5eb44a5d9318591c9e1e0fb7/1635474692099-25FRK3BZAQKOBRVWV7F6/ICON+Characters.png Projects - ICON: Fashion Avatar Universe - Fashion focussed. At this point, ICON had changed into a more fun and colourful fashion-focussed mobile game. The intent was now to further improve the avatar technology and optimize it for user-generated digital goods. The ICON platform was used as a proof of concept for other game developers to potentially integrate this system within their games through The Ready Games Network. https://images.squarespace-cdn.com/content/v1/5eb44a5d9318591c9e1e0fb7/1635475766183-JDEP71AALJ9XEDHBYLIW/2021_Ready_ICON_NewLobby_FF.png Projects - ICON: Fashion Avatar Universe - Final Avatar & UI/UX design In order to complement the more fashion-forward ICON design, the UI & UX was reworked into a more traditional mobile social network app layout. Chatrooms, player feeds and a Store were added to the game. https://www.andreklai.com/projects/triggermasters monthly 0.5 2021-10-29 https://images.squarespace-cdn.com/content/v1/5eb44a5d9318591c9e1e0fb7/1635476603779-F90O7DG72U6SILWLF8NX/logo.png Projects - Trigger Masters - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5eb44a5d9318591c9e1e0fb7/1635477219347-M94NVYPW8CBHWD9ZE7DA/Shotgun_UI_test_Shoot.gif Projects - Trigger Masters - Initial game template. The lead product designer had sent the first template for a competitive Shotgun-type mobile game. The game was simple, players on both sides follow a fixed rhythm in order to input 1 of 3 potential actions, Shoot - Block - Reload. Players have limited lives, and the one who successfully shoots their opponent 3 times in a row, without the opponent blocking the shot, wins the game. https://images.squarespace-cdn.com/content/v1/5eb44a5d9318591c9e1e0fb7/1635478830732-CWN3T3SRZKIDAJCRDRZH/Shotgun_Nintendo_2+%282%29.gif Projects - Trigger Masters - Initial design using hands. Shotgun is traditionally played as a hand game. The initial design was to translate this into a mobile space. However, the flaw of this design was that, since the hands were abstractions of the actions shoot, block and reload, it became hard for players to quickly understand what was going on onscreen. https://images.squarespace-cdn.com/content/v1/5eb44a5d9318591c9e1e0fb7/1635480253892-QV6ZX7377KJDJN8J88YD/ezgif-4-bc19bd0048eb.gif Projects - Trigger Masters - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5eb44a5d9318591c9e1e0fb7/1635479841244-4G1CVTLTGMAPTN46Q73P/ezgif-4-232209339d6e.gif Projects - Trigger Masters - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5eb44a5d9318591c9e1e0fb7/1635480016159-X0ZGHT5ZCAXC81UECRNN/ezgif-4-59c57798144b.gif Projects - Trigger Masters - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5eb44a5d9318591c9e1e0fb7/1635480835415-XDYWK9M10QWFYVTCTO2B/GameScreen_3round.jpg Projects - Trigger Masters - Final Character & UI+UX Design After the test results, the character and gamescreen design was further polished. The character hands were replaced by a toy gun and shield to reduce abstraction and increase visual clarity; and rhythm mechanic was replaced by a simpler timer mechanic.