Photo-1

(glī′mē) is a combination of Gary and Lim.

He is a horizontal skilled digital product designer born, raised, and living in Singapore.

You can contact him at thisisgarylim@gmail.com and look up his social media here, here, and here... 

In his early years, when he was a young teenager in 1999, he was introduced to Dark Ages, a MMORPG game. Because of the game, he wanted to create a local community website. From there, he learned how to make one, and everything was history. Fast forward two decades, he is designing apps for gamers at... 

razer_workmark

Senior UX Designer 2019 - Present
UI Designer 2016 - 2019

Given the title of a Senior UX Designer, his work comprises mainly as a Visual Designer on a day-to-day basis collaborating with UX Designers within the UX team. Establishing the look and feel and delivering high-fidelity design across various Razer apps interfaces. Occasionally wears the UX hat if needed.

Razer Streamer Companion App

Design application for live streamers to put on a light show for their stream, reacting to new subs, followers, donations, and keywords in the chat with emoticons or its suite of signature lighting effects. They could create their custom emoticons, still or even animated. Creating unique audience interactions with supported Razer hardware.

— 2019 / Windows Chromium App / UI Design / Emote Design

Emote Design and Animation

Created majority of the 8x8 emote collection for the Razer Emote series hardware.

Editor

Designed the frame-by-frame animation editor for streamers to create unique still or animated emoticons or importing any existing 8x8 GIF into the editor.

Emote Design and Animation

Created majority of the 8x8 emote collection for the Razer Emote series hardware.

Editor

Designed the frame-by-frame animation editor for streamers to create unique still or animated emoticons or importing any existing 8x8 GIF into the editor.

Razer Synapse 3

Is the fundamental application for Razer devices. A driver application with a hardware configuration tool that can rebind your keyboard keys, mouse buttons and assign macros. Change your mouse sensitivity, switch up the device RGB lighting, and do cool $#!+ while you're gaming.

— 2016-Current / Windows Native App / UI Design

Razer Synapse 3

Is the fundamental application for Razer devices. A driver application with a hardware configuration tool that can rebind your keyboard keys, mouse buttons and assign macros. Change your mouse sensitivity, switch up the device RGB lighting, and do cool $#!+ while you're gaming.

— 2016-Current / Windows Native App / UI Design

Delivering Assets

Work closely with Graphic Designers on delivering and resizing Razer device assets for Synapse.

Designing with Code

With basic coding knowledge, able to utilize it as a design, prototyping, and animation tool. Why use a tedious method to explain how it works when you could code and apply it directly into the application?

 ... about why I wanted to code for design.

Delivering Assets

Work closely with Graphic Designers on delivering and resizing Razer device assets for Synapse.

Designing with Code

With basic coding knowledge, able to utilize it as a design, prototyping, and animation tool. Why use a tedious method to explain how it works when you could code and apply it directly into the application?

 ... about why I wanted to code for design.

Design System

Building a collection of reusable components, design patterns, rules, and icons for the UX designers who work on Razer projects listed here. The system is built on Adobe Creative Cloud Library and Adobe XD. 

Razer Synapse 3 Modules

Chroma Studio

Razer Chroma RGB is the world's largest lighting ecosystem for gaming devices. Being part of Synapse 3 as a module, the Chroma Studio is essentially a Photoshop to customize your own lighting effects for Razer products and other Chroma-enabled partners' devices.

— 2017 / Windows Native App / UI & UX Design

Chroma Studio Product Artwork

Delivering Chroma-enabled product assets to the platform. Making sure every product looks consistent and proportional. Utilizing my coding knowledge to better deliver the assets in XAML format.

Chroma Studio Canvas

Chroma Studio lets users arrange their product in the virtual canvas as they were on their actual desk. So that the lighting effects they created flow fluidly across all the Razer Chroma devices. The technical challenges were to design a grid system where it also matches the backend LED matrix. 

canvas_mouse_cursor

7.1 Surround Sound & THX Spatial Audio

One is a simple virtual audio device application for superior positional audio and a lifelike gaming experience. And the other is advanced surround sound with pinpoint accuracy virtual audio app. He illustrated the SVG graphics and animated them with handcrafted codes.

— 2020 / Windows Chromium App / UI Design

GGWP🎮

He has a strange love for keyboards.

dsa_2077_shadow

DROP X GLIMY

DSA 2077

CUSTOM KEYCAP SET

So in September 2017, he took part in a contest by Drop.com, previously Massdrop, where he submitted his design and got voted as the winning piece by the community and ultimately seeing the product come to life. Inspired by science fiction–themed user interfaces from films like Iron Man, Prometheus, and Guardians of the Galaxy, DSA 2077 offers a look into a distant yet not-so-far-away future. The set features black alphas and modifiers with legends styled in yellow, blue, and orange, plus function keys done in bright yellow and blue for a look that really pops. But, of course, there's a question everyone will ask, aannnnndd no, it's not related to Cyberpunk 2077. 

 — 2017 / Personal / Custom Keycap Set Design

2077 iOS Keyboard

Before there was DSA 2077, there was a 2077 theme for the Themeboard app by Taphive. It's an iOS custom keyboard app that allows designers like Glimy to submit custom theme design keyboards for the app. Thus, skipping the hassle of developing a keyboard app from scratch.

 — 2015 / Personal / UI Design

Keykulator iOS Keyboard

Co-design and develop with Zoon when Apple released iOS 8, allowing developers to create custom keyboards for the iPhones. Glimy always wanted a way to calculate numbers without switching to the calculator app. But sadly, it was rejected by Apple as it did not comply with its guidelines.

 — 2014 / Personal / UI & UX Design

melomaplogo

A friend of a friend introduced Glimy to a talented Burmese developer; Moe decided to launch his own "Shazam" for the Burmese music industry. The design was quick as Moe has already laid the groundwork, a little polish here and a little sprinkle of magic there. The app was launch in a short few months of design and development. Glimy's greatest regard for this project was when he didn't use album covers by Burmese artists and Burmese characters for his design mockups. Sadly it was discontinued.

— 2016 / Freelance / UI & UX Design

melomap-iPhone
melo-screen7
melo-screen3
Animated the demo with After Effects to guide Moe on how it should be animated using code.
melo-screen4
Prototyped the header interaction using Principal.
melo-screen1
melo-screen8
melo-screen5
melo-screen6

Still scrolling? Glad you're still here.

OLDER PROJECTS BEYOND THIS POINT

DEZAINWERKZ

UI/UX Designer 2013 - 2015

He joined a small group of passionate individuals in a Digital Agency to create web and mobile applications for clients and partners. He also introduced the team to various design tools like Sketch, Invision, Principle, etc. Oh, it was the glorious days of experimenting. 

IE Singapore: 
globalisingSG App

An interactive e-book app on what it took to make Singapore the global trading hub today and grow Singapore companies’ global reach. This is Singapore’s trade and internationalization journey told for the very first time. When he joined, the team already working on the iPad design and development. And he adapted the app design into smaller form factors like the iPhone and Androids.

— 2013 / iOS and Android App / UI & UX Design

More Projects

Here are some of the top picks he did during his time with the DW folks. Project comprises from UI/UX to Motion Graphics.

ava
SG TravelKaki
This is a handy app to dispense all the myths and sniffs on what you can and cannot bring back to Singapore from overseas, right from your pocket. Client: AVA Singapore
singkids
Singkids Photo Booth
A fun photo booth for kids! The app will automatically crop the faces after photos were taken and put them in cute illustrated costumes where they swap them and move them around in the illustrated world!
kiln
DragonFire Singapore
He worked on a page of an iPad interactive Ebook app where he illustrated and kind of animated them as readers swiped them across the screen.
icons
Jiransoft’s Direct Folder
He had a great pleasure working with a top tech company in Korea, Jiransoft. This is an icon set for an app they were working on, Direct Folder.
1001 Plants App (Pitch)
1001 Plants App (Pitch)
A pitch design app for NParks. Animated the demo with After Effects.
redcamp
Ngee Ann Polytechnic’s Redcamp
He assisted in creating this concept the designer, Hannah had in mind to animate her characters as students scroll through different sections of the page. All possible with the help of the developer, Luke, as they tested the use of the sprite sheet technique.
Mobile FSG Baccarat Video
Mobile FSG Baccarat Video
An extract scene for a how-to video for RWG & Star Cruises' betting app. Yes, you have to be there to bet from the comfort of your hotel room.

Early days

The work here comprises from his school days to his first job. From working on Flash websites, Flash e-greetings to Flash ad banners. It was also the end of the Flash era, where HTML webpage and mobile apps became more popular than ever. 

 — 2006-2012 / Interaction Demo Reel / UI & Motion

Sometimes he would cook up a storm of far-fetched ideas and concepts and wrote them down on Medium.

And using the platform to improve his English.

uber_small

I talked about how we should interact with the Mixed/Augmented Reality of the future...

I talked about how companies should rethink gaming phones...