UI/UX

Created by YILING NG, Creator at FBD™ Studio
203 People have this badge

What everyone's up to

Built a site for fun
Created a product prototype
Used Html
Used Tailwind CSS
Used Redis
Used vercel
Designed a Backend System
Automated deployment
Used Github
Designed UI/UX
used web APIs
+ 9
Built a website for fun that demonstrates some of the latest web technologies available as of 2020 and design patterns I've found helpful over my professional career, and some new ones.

Web app includes a nifty feature of being able to join a waitlist by authenticating with GitHub and other common providers, in addition to taking advantage of redis for storing and persisting data.

Was a blast—check it out! 🚀 spacex.viajes 
Oct 02, 2021
Built UI components
Designed UI/UX
Diving deeper into UI/UX by learning WebFLow 


Aug 31, 2018
Created UX for AI
Created a component library in Figma
Building accessibility tool
Designed UI/UX
Created UX for Automatic Speech Recognition (ASR)
Created Human-in-the-Loop UX/UI
Conducted user research
+ 5
Created the user experience and web interface for Ava Scribe, an in-house tool that allows humans and computers (ASR – Automatic Speech Recognition) to work together (human-in-the-loop) to provide deaf and hard of hearing users real time transcription.

Conducted research, designed overall user experience, researched and wrote specs for features, designed web UI, created component library, mapped out information architecture, created iconography and brand guidelines. Created and maintained internal wiki and documentation for this project.

Worked closely with the CEO, data scientists and engineers (ASR and ML teams), front end web developer, and relay specialist, to design and implement this product.
UX for AI Designer, Ava Accessibility
Sep 07, 2021
Designed UI/UX
First UI/UX design project done! ✍🏼

I've sure had a lot of firsts these few months.

This time, it's a user interface and user experience design 🎨 task for an admin dashboard for a custom learning management system, integrated with course and user set-up workflow, analytics, and more.

I designed everything on Figma (it's such an amazing tool) after really reflecting on the existing system and doing research on other learning management systems.

Here are two main issues I encountered:

  1. Preventing information overload: Being a hybrid system that collects a lot of data for educational research on top of being a learning management system, I thought about what data should be displayed, where and how. I ended up keeping only information that is useful for management on the interface, and moved personal and other data to an output system (only for users on the researcher rank) that generates .csv files for any selected students, and have another copy accessible from individual student profiles for occasional need for quick access. It was essential to categorise data to ensure minimal distractions during the user experience and protect privacy. We need less information than we often think!
  2. Creating a workflow: The old system did not consider task orders or the different steps of learning management as a teacher or administrator, and I really enjoyed anticipating the needs of these users. Instead of making everybody navigating to the respective pages for a single function, I have created a network of links and mini pop-up widgets, and also redesigned the (sub-)menus, to ensure all relevant functions are always within reach. I've also included useful but simple analytics and a more flexible filter and search system to allow for more fuzzy and forgiving lookup of information.

This was one of the most fulfilling projects I've done, and it's a wonderful experience to apply my ideas to a real-life project and use case. And the great response from everybody involved really boosted my confidence as a(n aspiring) designer!
Senior Research Assistant, The University of Hong Kong
Aug 21, 2021
Designed UI/UX
I'm designing the UI for a platform my company is developing. It's pretty exciting to be the client and vendor for this project. We hope it will make a positive impact.

Now, if only I can find the right off-white background color. I feel like I'm at the paint store deciding over eggshell or arctic white~ sigh!
Worked on the branding
Designed UI/UX
New Coming product.
Homestic

Loading...