PORTFOLIO SERVICE & UI & UX DESIGNER
Yi Luo
HI, I’M LORI I'M A DESIGNER, A RESEARCHER, AND A STORYTELLER WHO ENJOYS LIFE AND THE NARRATIVES IT BRINGS. It has been my mission to break through limitations and biases, embracing new ideas by immersing myself in diverse cultures and situations. It was during my two years of studies in the UK that I adopted critical thinking and new means of conceptualization. Over time, this grew into an ideology based on helping people live better lives through fostering creativity, respecting ethical concerns, and accepting both technology and nature. I've learned to use my strong sense of empathy to identify what users feel and require from applications, and through my focus on observation and identifying everyday potential, I have developed an adequate ability in developing reasonable solutions. I look forward to being able to free my designs from restraints, taking them to their full potential.
01 02 03
EXPERIENCE DESIGN
- EMERGENCY DETECTOR
USER INTERFACE DESIGN
- WEBSITE DESIGN
GRAPHIC DESIGN
- PRINTED MATERIAL
- SHIZEN - SLEEP WALKING INTO MINDFULNESS
- PLATFORM DESIGN - APPLICATION DESIGN
- BANNER DESIGN
01
EXPERIENCE DESIGN
PROJECT DESIGN
Emergency Detector A conceptual design for diasbled people
The Emergency Detector is built on big data and open sources and can recognize noises above certain levels (like fire alarm sirens or car horns) and transform them into vibrations to raise the users' attention. The frequencies of the vibrations can reflect the proximity between the users and the dangers. The goal is to help people with hearing difficulties avoid potential dangers around them and live more conveniently.
/ GROUP PROJECT - YI LUO - SOLEDAD LI - BELA USABAEV
01 EMERGENCY
DETECTOR
PROBLEM In everyday life, some people may have hearing weaknesses, but don’t own or use hearing aids. Thus, they may have difficulty discerning dangers around them through sound. This project aims to address this issue by providing subjects with alternative means of perceiving danger.
STORYBOARD
BRAINSTORMING
01 EMERGENCY
DETECTOR
PROTOTYPE 3— BELT
PROTOTYPE 1— SMART WATCH
PROTOTYPE 2— HAT, MICROPHONES
OUTPUT The first two prototypes were not feasible due to time and technical constraints, but gained us important understanding of the project. For instance, we learned that deaf people cannot wear anything on their heads since it could affect their cochlear implants.
For the prototype, the hardware utilized an Adafruit micro-controller and two miniature microphone sensor transducers. These transformed sound into vibrations, forming the basis for the detector’s function. This was tested successfully when the detector vibrated upon detecting nearby handclapping. We based the design on the Japanese obi-belt, which is not only stylish but conceals the device to protect the user’s privacy. Due to the nature of this style of belt, removing and replacing the detector is easy and convenient.
01 SHIZEN
SHIZEN
Say no to social media
/ GROUP PROJECT -
TOM OATEN GEORGIA CURRELL YI LUO CHIN LIU TANISHA RANE
01 SHIZEN
IDEAS
PROBLEM In a world where we are controlled by algorithms, people struggle with data misinformation, negatively influencing their identities. This hinders their ability to express themselves naturally, and has other consequences including digital false personalities, fake news, and negative mental health issues. We will treat social media tech addicts as target uers and inspiration to understand the real-world implications of social media addiction.
BRAINSTORMING
A SPACE FOR EXPRESSION & RESONANCE Privacy - Taking photos of other’s posts is not allowed. One entrance, one exit - To ensure visitors’ phones are OFF. DELIGHTFUL + LOW-TECH EXPERIENCES Delightful colors/decorations If people want to talk about what they've seen here, they can only depend on their memories. BIO-DEGRADABLE Using fallen leaves to replace the self-adhesive notes. Make the space like a “garden” .
01
SHIZEN
FINAL EXHIBITION
JAPANESE CULTURAL ELEMENTS ZEN WABI SABI & BUDDHISM Zen style can be seen as the opposite of the image of mass media. It is about simplifying the excessive things and bringing a calm and peace atmosphere.
PROCESS
Our program has been trying to lighten people's psychological stress, caused by the lack of opportunities to express their true feelings and the endless desire to be perfect. Inside this space, our users are allowed to exchange their true thoughts anonymously through a low-tech experience. In contrast with long-lasting online data, they are encouraged to share their imperfections via temporary platforms. The materials used to construct the booth are mainly Asian cultural elements, such as bamboo and muslin. These materials represent a Zen-inspired lifestyle, and the concept of Wabi-sabi honors the imperfections in life.
01
SLEEP WALKING INTO MINDFULNESS
Sleep walking into mindfulness
A simple guide to your inner peace This design aims to open conversation about expression and face insomnia and anxiety today through craft, design, and psychology. It seeks to explore the connections between emotions and the ritual of mindfulness. Through this experience design, users will practice a slowdown/repetition motion to express themselves and relax. It is a relaxing method for exploring spirituality and self-acceptance.
/ PERSONAL PROJECT
01
SLEEP WALKING INTO MINDFULNESS
RESEARCHS
PROBLEM Mental health is no longer a hidden topic but a growing social issue. Yet still many people may be suffering from mental health issues without realizing it, and they can have serious effects on their lives. In my case, I suffered from insomnia for a long time. As a designer, my instinct told me that insomnia might be a good starting point for a project. Inspired by this problem, I started doing research, interviewing people for feedback, then testing different methods.
EXPERIMENTS As a participant and observer, I joined two workshops concerning natural materials.
As an organizer, my experiment recruited eight people to draw two pictures. The principle is to use abstract lines or shapes that come into their minds to draw one image of anxiety and another of calm.
01
OUTPUT
SLEEP WALKING INTO MINDFULNESS PROCESS - SAND RITUAL
DESIGN SOLUTION Repetitive motion
Repetitive motion
Nature Knitting
Brewing tea
Step1 Kneel on the oor, bow and welcome them to this space. Breathe deeply.
Experience Design
Drawing
Five senses
My observation is that both activities utilize repetitive motion, which makes people focus on small tasks and bring attention back to present sensory experiences. It assists with managing anxiety. Meanwhile, the repetitive movement can also promote an attitude of "letting go". So I decided to design a ritual experience combining all the experiments and inspirations I mentioned. By doing so, I created a whole process that helps people engage, focus, relax and get answers by themselves. A SAFE SPACE Natural environment that channels people's ďŹ ve senses. A set of handmade wooden tools. 1:1 workshop.
Step2 Experience FIVE senses to ease anxiety. - Look around at FIVE things - Touch FOUR things around you - Listen for THREE sounds - Smell TWO things - Taste ONE thing Step3 Focus on slow-motion - use hand to paint with sand. Step4 Focus on release - use foot to connect to the Earth, to paint with sand.
01
SLEEP WALKING INTO MINDFULNESS
This is the foot painting from my target users. Their painting becomes new artwork.
02
USER INTERFACE DESIGN
WEBSITE DESIGN
ProdcutAI An online website and website for AI products search The goal was to high-line our product’s function of AI image. No matter which kind of product image you upload into our system, it can read your image, recognize what is it, offer the percentage of color, and give detailed material information.
http://www.productai.com
http://www.malong.com
02 PLATFORM ProdcutAI
DESIGN
The platform provides state-of-the-art APIs for visual product recognition based on artiďŹ cial intelligence.
02 PLATFORM DESIGN PATTERNS
DESIGN ProductAI - Sequence 1
ProductAI - Sequence 2
ProductAI - Sequence 3
ProductAI - Sequence 4
02 APPLICATION
DESIGN
StyleAI An application for AI image search and shopping StyleAI is an AI app which targets young, fashionable urban women. It provides fuctions such as AI image search, photo-based online shopping, UGC capabilities, and so on.
02 APPLICATION
WIREFRAME · Feature define - discover page · Beta 5 structure
DESIGN
02 APPLICATION
StyleAI - Beta 7
DESIGN
An application for AI image search and shopping
02 APPLICATION StyleAI - Beta 5
DESIGN
An application for AI image search and shopping
03
GRAPHIC DESIGN
PRINTED MATERIAL
BROCHURE
03 PRINTED LEAFLET
MATERIAL ROLL-UP BANNER
03 PRINTED T-SHIRT
MATERIAL POSTER
AWARD
03 BANNER BANNER
DESIGN