https://www.studiosteady.com/blog daily 0.75 2019-09-28 https://www.studiosteady.com/blog/artem-thd32 monthly 0.5 2019-08-22 https://images.squarespace-cdn.com/content/v1/5cfc0197cd000900016c6cc2/1565725469887-0D1JXGSBXHU80CMTCMW8/artem.jpg Blog - Case Study: ARTEM https://www.studiosteady.com/blog/marta-k932f monthly 0.5 2019-08-22 https://images.squarespace-cdn.com/content/v1/5cfc0197cd000900016c6cc2/1565725772214-SCS0HSBRA8S4YX4U5C3I/marta.jpg Blog - Case Study: Marta https://www.studiosteady.com/blog/circle-7nwcb monthly 0.5 2019-08-22 https://images.squarespace-cdn.com/content/v1/5cfc0197cd000900016c6cc2/1565725946985-0G0IDNN3P4N52PF2QPB2/circle.jpg Blog - Case Study: Circle https://www.studiosteady.com/portfolio daily 0.75 2021-06-13 https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1569428606333-9QERBFT1PLK3Y9XLLDNN/_15A4279.png PORTFOLIO https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1580817298048-G6AOZ8J1TQOCU8YM5PYF/anime_cover_1200x680.gif PORTFOLIO https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1580814493334-OUP6Q5NM798HAF869QAG/nike_cover_1200x680.gif PORTFOLIO https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1580812941685-IEWUBXF93SB3XF097HCC/trimmed_FINAL-min%2B%281%29.gif PORTFOLIO https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1580989393675-EXWMEKIR01CLB093MZLY/huawei_cover.png PORTFOLIO https://www.studiosteady.com/zung-fu daily 0.75 2024-11-19 https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1569294885503-RB1HCRFNCPFMPYFLZZCP/Slide2.jpeg zung fu 01 https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1569320839370-NWUC91XN16L3YEX1VVKW/proto2.png zung fu Resin 3D print https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1569294887291-W8IHFPRMF3U6KMVZ58W3/Slide3.jpeg zung fu 02 https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1569320823691-QGBP0L8R4IUW8HO3327O/proto3.png zung fu Hardware development https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1569294887068-FK8SYLTC3XA1MIILXI03/Slide4.jpeg zung fu 03 https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1569294887069-HHXBDUAVFOE5J53S1KLF/Slide5.jpeg zung fu 04 https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1569320692214-967X0UJLGQTLCH2O5HXF/proto5.png zung fu https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1569294886622-4AN5ICYLZW6DSAYQT3EJ/Slide6.jpeg zung fu https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1569320840712-K57I6F9BTECFI3PAB9XU/proto1.png zung fu https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1569294886662-L1J2IHIIYMMPCWMLTJAT/Slide7.jpeg zung fu https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1569294888860-P67ZIVCRZ35E875H77GU/Slide8.jpeg zung fu 07 https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1569294888859-FDHEK7YI7NJAKDU6ASMR/Slide9.jpeg zung fu 08 https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1569126585903-0YKVCAB1F5SUMWJY6Q33/FLATLAY_EDITED.jpg zung fu https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1569218904410-PVDLO5HQHFFMSV7D9AKS/opennewdoors.jpg zung fu - A welcome like no other. We crafted a premium, personal welcome experience focused around the notion of bringing the user the new lifestyle that comes with ownership of a luxury vehicle. https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1569232981799-345Y9TRKEQXXIWFOZ7JS/connect_device_ZF.gif zung fu - A smart key fob that unlocks real world experiences. Let’s face it - the car key fob is a chance to flex. Taking that insight, we created a smart key luxury IOT device that connects to the user’s phone and augments the customer’s automotive experience, before and after the car purchase. https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1569487772961-5RGPMTAVMJ8PGXMTH16Q/notif.png zung fu - Premium digital. We built an interface and a series of interactions to facilitate a new way of communicating to Zung Fu drivers. The platform serves as the digital portal by which the user accesses new lifestyle experiences. https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1569128248584-OY81MO8S1PAKQWFNLZMN/icons8-question-mark-96.png zung fu https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1569128183635-NSQTVQBUV4JSQRB2XSTR/Artboard+1.png zung fu https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1569128240326-9FIMK4SBK0D2TRYATZCL/icons8-idea-96.png zung fu https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1569316430695-PNQD1AUQJD92R60B1H9Q/process_2.png zung fu https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1569234304174-EJG9K8QXHCMSDQ3T01ZR/Screen+Shot+2019-09-23+at+6.24.33+PM.png zung fu - Establish objectives for customer, brand, and business impact. We tackled a broad brief with our strategy team by first breaking down the full customer journey and identifying the space we would innovate in, the aftersales retention and growth. https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1569228135877-C9FNIGGV4KU228N1V4H6/persona_ui.png zung fu - Persona-driven user research to support a tailored user experience. Supported by information gathered during the in-person on boarding, this helped us find specific key opportunities to elevate the user’s existing lifestyle. From this, we discerned that our platform needed to offer a personalised experience based on the customer’s member class and product class. https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1569229249509-NQK5A10N2XBHLOHHAHRV/janechoi.png zung fu - Jane Choi OPPORTUNITY USER Product Classes: A- class, B-class, CLA Content Pillar Focus: Travel F&B Fitness & Wellness https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1569229270364-GZVFB6RK4NKF5NG0R3FP/johnwonh.png zung fu - John Wong CORE USER Product Classes: S-class, E-class, C-class Content Pillar Focus: Art Luxury Tech https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1569234829900-TURUBFYL97WOKPYVGVNO/postits.jpg zung fu - Rapid ideation to expand on every touchpoint. We used structural brainstorming techniques with the strategy team and client-side team to ideate collaboratively in a series of workshop sessions until we arrived at our lifestyle key fob concept. https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1569295527695-3YSK1GH2PO90A95LI5NY/Screen+Shot+2019-09-16+at+1.50.28+PM.jpg zung fu - Storyboarding to map the journey and discover missed opportunities. Storyboarding the full journey helped us troubleshoot, revise, and solidify the mechanics of the user flow. This also allowed us to identify more details in the waiting process and generate new, specific and more targeted ideas, e.g strategic notifications at specific times of day, companion perks, etc. https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1569488407519-6T39D4ACYKADSUMT2356/hand_iphone_mercedes.png zung fu - Uses that evolve over the customer journey. These features include a clock that uses the lights to indicate the time and a compass that through the phone’s GPS and an on-board magnetometer to display where you have parked your car . https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1569233033478-AP716PDFCZQ5QPYD39A9/delivery_ZF.gif zung fu - Moments of delight in practical solutions. The UI design focused on tactile design and immersive, visually-driven compositions. https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1569320842066-4GAIYETUQ22ARKKF7SH5/proto4.png zung fu - Learning from hi-fi prototypes. Building a prototype to this fidelity is not only valuable to the design process, it also helps to sell in new and unconventional experience concepts. Iterated in tandem with the app platform, we developed alongside each other to make sure our use mechanics were airtight. https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1569494805571-8IQSLILEU6JJREKEGEQD/Screen+Shot+2019-09-16+at+1.38.09+PM.png zung fu - The technology. The device has various features that utilize the onboard hardware. The device connects to the user’s phone through a bluetooth low-energy micro-controller, which allows for instant notifications through vibrations and light indicators. https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1569495537578-ZBOD3THTL3A6F09NZYHJ/Screen+Shot+2019-09-26+at+6.48.51+PM.png zung fu - The embellishments. From card stock to embossing, every detail was considered in the crafting of this project. We manufactured the packaging of the welcome kit to build the vision and enrich the presentation. https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1569486675895-886XS7O3MNSFTBSA8ZFJ/light2.gif zung fu - Design detail - the light feature. One particular challenge in this project was to develop the lighting in such a way that it would emulate the elegant UI elements of the app. It was a design detail that took longer to solve than expected both programmatically and physically, but it was very satisfying to work out. https://www.studiosteady.com/about daily 0.75 2026-03-31 https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1580822756336-96ULI24R8QYTKWBL4S44/_15A3914_latest.png ABOUT https://www.studiosteady.com/gallery-4 daily 0.75 2019-09-26 https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1569482619484-SKSEVXDAUWZ8T4QL2ZQW/170224_SAIC_6049.jpeg MILAN https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1569482683828-W9C3SGHVLK6CXQFFUIF6/170224_SAIC_6031.jpeg MILAN https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1569482711483-PNPXBWP93K6SOZR0S6O5/170224_SAIC_6077.jpeg MILAN https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1569482620403-ISLUWH6SAJ5L7NB1FTZF/170224_SAIC_6067.jpeg MILAN https://www.studiosteady.com/anime daily 0.75 2021-03-16 https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1570464961619-AO9IQHAUJDJOOWCDLF0K/4.png ANIME https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1570464953297-Y1RST7XU4FXD73LM4A22/2.png ANIME https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1570464959386-W6IMA1XB8UV3BSVWDSSC/6.png ANIME https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1570208926528-YYN2FQT2GKTIIR69BQ6C/mangame_filter_2.gif ANIME https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1570894550801-BLSV0J53A42SHBC46XS4/qr-code+%281%29.png ANIME Scan this QR code to try it yourself! https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1615880850334-THHBU5SIORNICVNYHCHT/anime_gif_nobg_2.gif ANIME - Building a bespoke selfie filter API. We were inspired by how the convincingly photo augmentation filters on popular selfie apps like SNOW and Meitu were able to generate unique cartoon versions of the user, so we decided to build one that took it even further - creating a fantasy character true to your own likeness. https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1570442350732-ZL17QE1DUEXWKBZBDTRB/phone_gif_lockup+copy+%281%29.png ANIME - Creative applications of AI. After validating for the tech feasability, we had already in mind the creative application of it - the idea of a one-snap instant manga, where you magically appear as the protagonist in the pages of your heroic Anime journey. https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1569128248584-OY81MO8S1PAKQWFNLZMN/icons8-question-mark-96.png ANIME https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1569128183635-NSQTVQBUV4JSQRB2XSTR/Artboard+1.png ANIME https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1569128240326-9FIMK4SBK0D2TRYATZCL/icons8-idea-96.png ANIME https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1571156601522-JMUFITVDXNSHVEA9T47Y/PROCESS_ANIME.png ANIME https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1570378414102-L6XEWPC6HH4KIN7NPP9J/chara-design-2.png ANIME - Tech feasibility check. In order to validate the concept, we first had to confirm the tech was feasible. We found an existing image processing machine that had been taught on thousands of images of anime girls to create convincing AI reproductions from this data set alone. https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1570378449735-TJ7X5L4IR0TGDSLZR8QK/image-asset.png ANIME - Competitor app analysis. We examined three different photo editing apps aimed at three different markets - VSCO, Meitu, & Snow. We broke down why were successful, and where they could stand to improve. https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1570444036079-2ME2ITM40P2MRUHMICKR/Screen+Shot+2019-10-07+at+6.19.26+PM.png ANIME - Become an Anime Hero All our ideation was based on the Anime trope of the protagonist becoming the hero through a series of trials and tribulations. The concept was to create an experience that allowed users and visitors to do the same thing in real life. We did a number of visual treatments to find the right look and feel for this concept. https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1569295527695-3YSK1GH2PO90A95LI5NY/Screen+Shot+2019-09-16+at+1.50.28+PM.jpg ANIME - Drafting the Anime story. Limited resource prompted that I write, plan, and map the comic with sketch storyboards. You can see some examples of the visual development process below ↓. As a sometimes-illustrator and sometimes-writer, getting to drive this part of the project was super fun. https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1570468023191-WNHJLQC1W0D0HP78YJTY/manga1.png ANIME - Creating an anime universe, a manga, and two mini apps – in record time. We pulled off a feat in executing this content-heavy project. To produce the art needed for these mini sites, we worked with illustrator Mike Chan who was our principal visualizer, as well as hiring an ex-Miyazaki animator based in Japan to design our original Anime characters. Here’s an example of some of the final manga panels →. https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1570446132666-TD3USN0MZL8TTGWWVUJI/Manga-me-2.png ANIME https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1570896946545-56HO2XL4OW6R5VL9NBSX/manga_filter.png ANIME - Combining app typologies. Our end product was a two-pronged digital experience, a hybrid of a e-toon reader and a selfie editing platform. The challenge was to make both activations feel seamless and parts of a whole. https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1570446579443-4KUDACB2S5GPPZ9ARUMH/Group+7.png ANIME https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1570446860169-C6L3QEGQ7GYQSZJYFOJK/ui_2.png ANIME https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1570466405271-A23FIRZZJJ39R8NSMFIF/UI_details.png ANIME https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1570900793179-WIUPE06S7X4EFBSKRG5J/layer_prog.gif ANIME - Building the generative image production. We had to design this filter’s blueprints, that is to break the image down into parts to be assembled again programmatically, in a way that would optimize size and minimize loading times. https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1570897551773-10FAZ27VGQ9RI8LIQWNU/collab.png ANIME https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1570445477168-41HCRXUCUEINWKVJV4JX/KINGCAT.png ANIME https://www.studiosteady.com/nike daily 0.75 2019-10-05 https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1570641593779-0DHKGSB9PF1T3IHY4Q2F/content.gif nike https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1571155833472-OZWJUWX7EQ48QTZ9TQP9/Screen+Shot+2019-10-16+at+12.09.45+AM.png nike https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1571154395033-P5YT4V9RQV9OMPL3ZM4J/nikeplus_unlocks.gif nike - Nike + UNLOCKS. On NIKE+, the user unlocks everything : benefits, experiences, services, and products. We used this driving principle to design the UX and UI that constantly reinforced the feeling of achievement integral to the platform’s motivations. https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1571154723251-5MUAHQOG5D9VJ94LLK4M/reward.png nike - Unlock the power to burn. Fuel the burn to earn. The core mechanism that incentivizes user engagement on the platform is gamified burn & earn system, where the “burn” - participation in sports events and commitment to personal fitness - translates into opportunities to “earn” rewards. https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1569128248584-OY81MO8S1PAKQWFNLZMN/icons8-question-mark-96.png nike https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1569128183635-NSQTVQBUV4JSQRB2XSTR/Artboard+1.png nike https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1569128240326-9FIMK4SBK0D2TRYATZCL/icons8-idea-96.png nike https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1571158751368-DKMBVVI420MRN9OUCP2S/nike_process.png nike https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1571156064741-20TWWAN7WADYFECQHBTY/Screen+Shot+2019-10-16+at+12.14.00+AM.png nike - Quantitative rationales. Given that much of the brief emphasized retail and sales KPIs, our strategy team provided us with concrete insights rooted in numerical data that would provide the basis for the experience design. https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1571152132551-2SBJN5NU89J9D9QTKDAO/02-968x646.jpg nike - Informal stakeholder interviews. Given the disparate, varied nature of Nike retail outlets in Hong Kong, we took a day to talk to staff members at different types of Nike sellers. From flagship stores and third party resellers, we gathered organic qualitative data to help us identify latent pain points across a variety of scenarios. https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1570637527386-8C3QXJ6W518I0OKN3594/image16.png nike - NIKE+ global. Although the brief was to develop the brand affinity locally, it helped us to do a close analysis of Nike’s strategy and digital presence in other markets. Nike+ had launched globally in more mature markets in many shades of grey, with each journey tailored to its target country. https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1570639086067-KE4TSFFAMU5TU080S842/personal.png nike - Personalised. A segmented, data-driven business strategy that targeted specific user groups meant that the UX also needed to reflect that same degree of personalisation, so the user is made to feel as though it has been tailored to them. https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1570641593779-0DHKGSB9PF1T3IHY4Q2F/content.gif nike - Content-driven. These features include a clock that uses the lights to indicate the time and a compass that through the phone’s GPS and an on-board magnetometer to display where you have parked your car . https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1570638465470-UFQ3A294A0I77QR81G1Q/ux_burnearn.png nike https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1570630812320-13M8UIJFDYLIQM3VP0KN/burnpng.png nike https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1570630329342-SVICYULXU5BEID1UJTLB/burn.gif nike https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1570630874029-QIR32Q2U5GEQ4XSJM1ZJ/earn.png nike https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1570631438033-IM449ZQX23HXHBTVQTJK/earn.gif nike https://www.studiosteady.com/interactive-games daily 0.75 2019-11-16 https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1580726169998-M26G4BE8P4CXEGPIM1E1/sc-space-kinectGame-053-V1_1_Start+screen.jpg Interactive Game Design https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1580726184271-C0V984JENTVU5RC60F16/sc-space-kinectGame-053-V1_5_Gameplay.jpg Interactive Game Design https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1580726176261-DXLE1Q0KSEMMLLHDH3X5/scspace-kinectUI-0607_7.+Results+screen.jpg Interactive Game Design https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1580726240878-ANJXBRXHRHJJGNEZRNRJ/ONBOARDING.png Interactive Game Design https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1580726204396-NHB07HGOZ74DEH8UJLVD/THE+GAME.png Interactive Game Design https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1580726308846-GATAMKSX0G1K2TRUDGF2/RESULT.png Interactive Game Design https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1579674396498-PZ2IJQV4UFKGT3HPBALE/trimmed_FINAL-min+%281%29.gif Interactive Game Design https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1579598510832-BWO6IEUODO3ROR4D9U4H/traffic.png Interactive Game Design - Digital gaming experiences for high foot traffic zones. We created a huge, immersive digital game experience that would easily capture an audience in a casino densely packed with other attractions. https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1579598315266-4TXEW1RMU5DN9HSIGI0D/wave.png Interactive Game Design - Maximizing crowd engagement through intuitive gameplay. Recognizing the breadth of our audience, we designed the game to be as intuitive and simple as possible, but with a novel enough experience that the passer-by user would want to play it over and over again. https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1580723831869-8K84DXOYYN3HK19FU2WD/Screen+Shot+2020-02-03+at+5.54.51+PM.png Interactive Game Design - FUN AND GAMES! Above all, we wanted to create super fun, easy to play games. Working off of our art direction and game UX, we collaborated with the amazing team at Shadow Factory, who built the game on Unity. We set it up on an Xbox Kinect hooked up to a massive 42 sq. m LED display wall on-site. https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1569128248584-OY81MO8S1PAKQWFNLZMN/icons8-question-mark-96.png Interactive Game Design https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1569128183635-NSQTVQBUV4JSQRB2XSTR/Artboard+1.png Interactive Game Design https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1569128240326-9FIMK4SBK0D2TRYATZCL/icons8-idea-96.png Interactive Game Design https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1580714491607-PGOUAYFAKRL4AH2PRAYH/process_timeline_games.png Interactive Game Design https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1580810665894-STQPMMQ3I57K5MJ8XYDY/IMG_5737%29edited.png Interactive Game Design - Site visits / people-watching. When we visited the site to gather measurements and tech specs, we used it as an observation opportunity to decide a number of factors, such as the scale of the game visuals, the size of the gameplay area, the Kinect sensor range. https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1580724773137-BWM92PFXI6DAZCVJW4ZQ/Screen+Shot+2020-02-03+at+6.07.33+PM.png Interactive Game Design https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1580714599819-DURU0GKFY0BGJSG0ED52/anime_game_WF.jpg Interactive Game Design https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1580727460531-KBTL3QSMA96SGVGLJYX2/gameplay.png Interactive Game Design - Common-sense gesture controls. “Drive” your mecha robot using your arms. This information is animated on the idle waiting screen before both users “plug in” to their mecha robots, as an always-on onboarding screen. https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1580727581373-RYWKDBYQ20JOD49AELIL/Screen+Shot+2020-02-03+at+6.59.26+PM.png Interactive Game Design https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1580727022557-DU4KA1R2P9Y63JIICUX5/Screen+Shot+2020-02-03+at+6.47.42+PM.png Interactive Game Design https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1580728994036-G0MUBPHK9ODF7YD4HPHR/IMG_9474.png Interactive Game Design - Outcomes. We had an incredible time creating these games and we were so ecstatic to see that in just a couple months after launch, we had racked up over fifty thousand plays! These games are intermittently available to play at Studio City Casino, Macau - please give them a go if you get the chance! https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1573914236759-ZED5G0T6LPAC86I8NO0Q/ROBOT_INSTRUCTIONS.gif Interactive Game Design https://www.studiosteady.com/storyboards daily 0.75 2021-01-12 https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1580984821337-P09WF1RWBH6AD767XC7O/Slide2.jpg process https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1580984821721-AOB8O4AS4PVWTM00CUAC/Slide3.jpg process https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1580982648850-ACRH8SIFPUMNY4NO5BZX/chapter1_board.png process https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1580984821775-ADIBT18KXYYO9RPTYZVR/Slide4.jpg process https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1580982672940-EJDSG7C62BQ2TZTZX736/chapter2_board.png process https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1580984821723-BO7U4BFFT78BU7V5HKG9/Slide5.jpg process https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1580984321612-BBYPLIUK47N45FZ077E1/chapter3_board.png process https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1580984821526-FO6Q7OCW5CK7ZMZHXQ3H/Slide6.jpg process https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1580984821722-KMIM4RGIB7IQ09Y6M1TV/Slide7.jpg process https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1580984822885-WJGT2VLFJQL03VOYDNFF/Slide8.jpg process https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1580984823276-YAZXOHA3HVDFW8XKDDCP/Slide9.jpg process https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1580985782711-4Y0TF6EL0WC66F3VRD2F/protest5.jpg process https://www.studiosteady.com/huawei-tech4all daily 0.75 2021-06-27 https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1580987395733-MWPTA5JI13JVSJRLII88/HOMEPAGE_V3.png TECH4ALL WEBSITE https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1580987393453-4ZI4GP1LAPGK69L3XXP4/2NDLEVEL_NEWS.png TECH4ALL WEBSITE https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1580987394215-V49SM0TBKRP8S8D6Y5RN/2NDLEVEL_PROJECT_COLLAPSED.png TECH4ALL WEBSITE https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1580986855962-KY1IRUBES29RUI6FWXNR/HOMEPAGE_UI_2_HOVERSTATE.png TECH4ALL WEBSITE https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1580986958198-PHOWM0EMAV31GZJQNIX0/IA.png TECH4ALL WEBSITE https://www.studiosteady.com/work daily 1.0 2024-11-23 https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1624371423070-YUFLVG89CFG05L1RCFVJ/COVER_LOCKUP.png work - 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/5d7a356536b3e973585588a4/1571158331322-MGGQNZQUJF423YNQM9BD/nike_cover.gif work https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1569126585903-0YKVCAB1F5SUMWJY6Q33/FLATLAY_EDITED.jpg work ZUNG FU https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1580817298048-G6AOZ8J1TQOCU8YM5PYF/anime_cover_1200x680.gif work https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1580989393675-EXWMEKIR01CLB093MZLY/huawei_cover.png work - Make it stand out HUAWEI TECH 4 ALL CSR WEBSITE https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1580812941685-IEWUBXF93SB3XF097HCC/trimmed_FINAL-min%2B%281%29.gif work https://www.studiosteady.com/portfolio-2 daily 0.75 2021-06-13 https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1569428606333-9QERBFT1PLK3Y9XLLDNN/_15A4279.png PORTFOLIO (NEW) https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1580817298048-G6AOZ8J1TQOCU8YM5PYF/anime_cover_1200x680.gif PORTFOLIO (NEW) https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1580814493334-OUP6Q5NM798HAF869QAG/nike_cover_1200x680.gif PORTFOLIO (NEW) https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1580812941685-IEWUBXF93SB3XF097HCC/trimmed_FINAL-min%2B%281%29.gif PORTFOLIO (NEW) https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1580989393675-EXWMEKIR01CLB093MZLY/huawei_cover.png PORTFOLIO (NEW) https://www.studiosteady.com/tangible daily 0.75 2021-06-13 https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1580989142698-HT85KUP1DT8B0DZLDBSB/huawei_cover.png tangible - 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/5d7a356536b3e973585588a4/1571158331322-MGGQNZQUJF423YNQM9BD/nike_cover.gif tangible https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1569126585903-0YKVCAB1F5SUMWJY6Q33/FLATLAY_EDITED.jpg tangible ZUNG FU https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1580817298048-G6AOZ8J1TQOCU8YM5PYF/anime_cover_1200x680.gif tangible https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1580989393675-EXWMEKIR01CLB093MZLY/huawei_cover.png tangible - Make it stand out HUAWEI TECH 4 ALL CSR WEBSITE https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1580812941685-IEWUBXF93SB3XF097HCC/trimmed_FINAL-min%2B%281%29.gif tangible https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1623562304417-QUYDOP5ROCK2KWGVPSX7/ShangLUX_mockup.jpg tangible - Make it stand out SHANGRI-LA HOTELS WEB DESIGN + BRANDING https://www.studiosteady.com/material daily 0.75 2021-06-13 https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1580989142698-HT85KUP1DT8B0DZLDBSB/huawei_cover.png material - 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/5d7a356536b3e973585588a4/1571158331322-MGGQNZQUJF423YNQM9BD/nike_cover.gif material https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1569126585903-0YKVCAB1F5SUMWJY6Q33/FLATLAY_EDITED.jpg material ZUNG FU https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1580817298048-G6AOZ8J1TQOCU8YM5PYF/anime_cover_1200x680.gif material https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1580989393675-EXWMEKIR01CLB093MZLY/huawei_cover.png material - Make it stand out HUAWEI TECH 4 ALL CSR WEBSITE https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1580812941685-IEWUBXF93SB3XF097HCC/trimmed_FINAL-min%2B%281%29.gif material https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1623562304417-QUYDOP5ROCK2KWGVPSX7/ShangLUX_mockup.jpg material - Make it stand out SHANGRI-LA HOTELS WEB DESIGN + BRANDING https://www.studiosteady.com/myvegas daily 0.75 2024-11-19 https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1624805150361-TM3AD3RTXJ5PVN06QDS2/Frame+4.png MYVEGAS - 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/5d7a356536b3e973585588a4/1624455014266-SODJA7HO7IYLG0SIE4R9/IMG_8388.PNG MYVEGAS - 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/5d7a356536b3e973585588a4/1624455382899-E947KTLG89AFP8KR1HEX/MX_LO_Xmas2020_MerrySale_Sale01_XPreview+%281%29.png MYVEGAS - 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/5d7a356536b3e973585588a4/1624455280131-P30VRZU8BN45ZJT6D8YH/IMG_5992.PNG MYVEGAS - 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/5d7a356536b3e973585588a4/1569128248584-OY81MO8S1PAKQWFNLZMN/icons8-question-mark-96.png MYVEGAS https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1569128183635-NSQTVQBUV4JSQRB2XSTR/Artboard+1.png MYVEGAS https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1569128240326-9FIMK4SBK0D2TRYATZCL/icons8-idea-96.png MYVEGAS https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1624773473907-H647I3E94MKO42R8E4T1/noun_slot+machine_1799925.png MYVEGAS - 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/5d7a356536b3e973585588a4/1624773522685-K9P0M461X4IOV6QGF1H5/noun_slot+machine_1799927.png MYVEGAS - 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/5d7a356536b3e973585588a4/1624773534139-SG5E8A4KBTJX0VHQMLFY/noun_slot+machine_1799928.png MYVEGAS - 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/5d7a356536b3e973585588a4/1624776469408-X5UU19XEISAWORPSDLYB/psa_process.png MYVEGAS https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1624778992302-RW8KLQWUW42207JZHWMX/Hnet-image.gif MYVEGAS - 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/5d7a356536b3e973585588a4/1624779435787-ON5UOZHTWNSB3YKSBH4N/Frame+2.png MYVEGAS - 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/5d7a356536b3e973585588a4/1624802729780-AMEQ7WJDGM8T8RHADY1N/wheel.png MYVEGAS - 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/5d7a356536b3e973585588a4/1624802760671-WR62AAS1WPI6IN4T58H2/USER+FLOWS+wheel_cropped.png MYVEGAS - 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/5d7a356536b3e973585588a4/1624802906983-SKMSX6WJFXL0FS4F0AF6/respins+flow.png MYVEGAS - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://www.studiosteady.com/nike-1 daily 0.75 2024-11-23 https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1570641593779-0DHKGSB9PF1T3IHY4Q2F/content.gif Viki https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1571155833472-OZWJUWX7EQ48QTZ9TQP9/Screen+Shot+2019-10-16+at+12.09.45+AM.png Viki https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1571154395033-P5YT4V9RQV9OMPL3ZM4J/nikeplus_unlocks.gif Viki - Nike + UNLOCKS. On NIKE+, the user unlocks everything : benefits, experiences, services, and products. We used this driving principle to design the UX and UI that constantly reinforced the feeling of achievement integral to the platform’s motivations. https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1571154723251-5MUAHQOG5D9VJ94LLK4M/reward.png Viki - Unlock the power to burn. Fuel the burn to earn. The core mechanism that incentivizes user engagement on the platform is gamified burn & earn system, where the “burn” - participation in sports events and commitment to personal fitness - translates into opportunities to “earn” rewards. https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1569128248584-OY81MO8S1PAKQWFNLZMN/icons8-question-mark-96.png Viki https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1569128183635-NSQTVQBUV4JSQRB2XSTR/Artboard+1.png Viki https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1569128240326-9FIMK4SBK0D2TRYATZCL/icons8-idea-96.png Viki https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1571158751368-DKMBVVI420MRN9OUCP2S/nike_process.png Viki https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1571156064741-20TWWAN7WADYFECQHBTY/Screen+Shot+2019-10-16+at+12.14.00+AM.png Viki - Quantitative rationales. Given that much of the brief emphasized retail and sales KPIs, our strategy team provided us with concrete insights rooted in numerical data that would provide the basis for the experience design. https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1571152132551-2SBJN5NU89J9D9QTKDAO/02-968x646.jpg Viki - Informal stakeholder interviews. Given the disparate, varied nature of Nike retail outlets in Hong Kong, we took a day to talk to staff members at different types of Nike sellers. From flagship stores and third party resellers, we gathered organic qualitative data to help us identify latent pain points across a variety of scenarios. https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1570637527386-8C3QXJ6W518I0OKN3594/image16.png Viki - NIKE+ global. Although the brief was to develop the brand affinity locally, it helped us to do a close analysis of Nike’s strategy and digital presence in other markets. Nike+ had launched globally in more mature markets in many shades of grey, with each journey tailored to its target country. https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1570639086067-KE4TSFFAMU5TU080S842/personal.png Viki - Personalised. A segmented, data-driven business strategy that targeted specific user groups meant that the UX also needed to reflect that same degree of personalisation, so the user is made to feel as though it has been tailored to them. https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1570641593779-0DHKGSB9PF1T3IHY4Q2F/content.gif Viki - Content-driven. These features include a clock that uses the lights to indicate the time and a compass that through the phone’s GPS and an on-board magnetometer to display where you have parked your car . https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1570638465470-UFQ3A294A0I77QR81G1Q/ux_burnearn.png Viki https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1570630812320-13M8UIJFDYLIQM3VP0KN/burnpng.png Viki https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1570630329342-SVICYULXU5BEID1UJTLB/burn.gif Viki https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1570630874029-QIR32Q2U5GEQ4XSJM1ZJ/earn.png Viki https://images.squarespace-cdn.com/content/v1/5d7a356536b3e973585588a4/1570631438033-IM449ZQX23HXHBTVQTJK/earn.gif Viki