As a design scholar at Snap Inc, I was given the opportunity to find new ways of utilizing the Snapchat platform as well as working closely with other gifted individuals to pitch new features for the application. Some of the assignments I was responsible for was designing new geofilters, snap lenses, games, and real-world business solutions for non-profit organizations.
"Winners & wrong answers are a thing of the past"
Safe Place for Youth is a non-profit organization based out of the Los Angeles Area. Some of the resources they offer to the homeless youth are street outreach, drop-in services, case management, health and wellness, and education and employment programs.
The main objective is to design a new snap feature implementing the morals and principles of Safe Place for Youth. Furthermore, to assist Safe Place for Youth in gaining more exposure through Snap Inc.
Art Director | Product Manager | Product Designer
2 Weeks
It's important to highlight how little a user has to do in order to donate and receive a reward. The user flow includes the initial filter that queues up when you slide to the Donation Lens. As you tap the "more" button, a donation page pops up and provides the user with choices on what they can donate.
If you're underage or aren't able to donate, my team and I implemented a share option for minors who can still participate and be rewarded without having to donate. We also felt that the implementation of Apple Pay was crucial seeing that it would be the fastest way of delivering the user's donation. The less the user has to do to get from A to B, the more likely they are to follow through.
Each donation comes with a special limited edition filter that users can utilize to spread awareness as well as gain recognition for what they donate. Below, you can see some examples of these cool and hip filters!
My team and I went through countless ideas regarding a new Snapchat feature. We felt a Donation Lens was the best solution at the current time of our project. By utilizing Snapchats platform and morals, we implemented this Donation Lens to not only help raise awareness and help our organization, but this feature can be used by many other organizations who need resources and a voice in the communities. The lenses will always change depending on what our organization needs at the time, keeping the look and aesthetics of the lenses fresh and innovative.
NIO is a Chinese multinational automobile manufacturer headquartered in Shanghai, specializing in designing and developing electric vehicles. The company is also involved in the FIA Formula E Championship, although NIO has ended funding the team after selling Lisheng Racing.
The project is simple: Design a user interface for a futuristic self-driving car. This project will highlight, investigate, and deconstruct the interaction between the vehicle and the user. With the ever-growing world of technology, there has to be a change in the way we utilize the things we interact with the most.
The goal here is to take what we already know and make the necessary improvements to better the experience users have while driving and traveling to their destinations.
Since this was a self-led project, my roles in this project were doing User and Market Research, Visual and UI Design, designing the Userflow, creating the style guide, and prototyping the finished product.
My NIO in-car interface Prototype made in Sketch & Principle
The design of this new user interface for a futuristic self-driving vehicle includes elements such as the user interface flow, use case scenarios, persona, an empathy map, user journey maps, and the user interface sketches. All of these elements come together to create synchronicity between the different pieces of this design.
The user empathy map is a way to gain a deeper insight into the users mind and logic. By doing this, I was able to pin point certain pain points, thought processes, and advantages when it comes to the user interface and experience while driving.
Kyler gets into his car and the first thing he wants wants is to look for the right song to start his morning off with. First off, he uses the initial fingerprint scanner to gain access to his personalized profile. He then browses the playlists and even checks out the newest artists on Spotify. Oops, a text from Nicole indicates where you need to go to work. So you plug in the address she gave you and provided you with the easiest and most efficient route to take.
Kyler gets off work super duper late. Around 5am, he’s wondering where in the heck is he going to get a little breakfast at this hour. Instead of going home, he presses his fingerprint button to bring up voice command. He then proceeds to ask “Where is the nearest coffee shop or Denny’s?” The virtual assistant rounds up the nearest locations by mileage and ratings. Kyler orders a Denny’s Grand Slam Platter and a large coffee.
The Style Guide provides insight on things such as the typography used, the color palette utilized throughout the interface, and finally the iconography.
Using Bobaholic, avid boba drinkers and enthusiasts alike can review and source the best boba spots around them. The best part about our application and services is the rewards a user receives while indulging in their favorite drinks. Businesses through the app also get a kick back from users interacting with our service.
The world of boba can be an expensive one. With the ever-growing realm of social media and technology, our goal was to bridge the gap between the wallets of consumers and their ability to create meaningful reviews and pictures. Therefore, the utilization of the user’s creativity, we wanted to provide an all-in-one application helps give back to the users.
Since this was a self-led project, my roles in this project were doing User and Market Research, Visual and UI Design, designing the Userflow, creating the style guide, and prototyping the finished product.
My Bobaholic Mobile Prototype made in Sketch & Principle
The beginning is quite simply one of the most important pieces to the puzzle. I started with the research which included comparing different applications and competitors in the market. Furthermore, I conducted surveys to users who are interested in this type of niche. After doing research, I needed to define who I was designing this application for, the challenges and pain points they faced, and lastly, creating personas and user stories.
From this point, the next steps to take is to ideate various solutions to these pain points and challenges users faced while interacting with similar scenarios and products. This included designing a user flow to visualize how a user interacts with specific design choices and to generate wireframes that exemplify our application.
After the ideation phase, I started designing low-fidelity wireframes and created a working prototype that included key elements of the app and how it functions.
After completing the prototype, I moved onto the next step which is testing. The importance of this process is to test the design by conducting user tests to endorse the usability, identify any pain points users experience, and gain any additional information and data to improve the user’s experience. The last step in this process was to flesh out the interface with high-fidelity screens and visual designs that fit the design system.
Recently in the past 20 years, the United States has adopted the boba lifestyle & is the third largest importer of tea. With the rising popularity, there are some important things to address when it comes to which spots are the best and why.
*All data was collected in a sample size of 100 participants conducted through Google Forms*
Bobaholic creates an experience similar to Yelp, except we focus on one demographic and rewards its users with incentives that keep them coming back for more. It’s one thing to be rewarded for supporting our app, but it’s another when users come back for the experience and resources we provide for them.
Fidelity Investments Inc. is an American multinational financial services corporation that provides access to investing, wealth management, and many more financial services. Whether you are a beginner trader or veteran, we strive to make trading convenient and accessible to all.
In today’s world, retail investing is becoming more and more of a popularized way of making a living. Therefore, the demand for platforms and services are at their all-time high. In order for Fidelity to compete with the emerging brokerages, they needed a much needed update to their User Interace. This is it.
Based on our research, we’ve discovered a couple major challenges that users face on a daily basis when using the Fidelity Investments App. Some challenges they encounter are tasks like having accurate and easily digestible charts, finding stocks they’re interested in, and overall usability and navigation of the app.
My Fidelity Mobile Prototype made in Sketch & Principle
Since this was a self-led project, my roles in this project were doing User and Market Research, Visual and UI Design, designing the Userflow, creating the style guide, and prototyping the finished product.
The target demographic of the Fidelity Investment mobile app were individuals from the United States who have an interest in investing and trading stocks, derivatives, options, etc. Before my team and I conducted research, we created guidelines as follows:
+ Must be 18 years of age or older
+ Has some previous knowledge of investing
+ Has previously used the Fidelity Investment App
The way I conducted user research was through utilizing the Google Forms platform to structure a 20 question survey. I was fortunate enough to get 50 responses, providing me with a semi-large sample size. This helped with the development and design of the solutions in our new version of the iOS mobile app. I’ve provided some key questions below from the surveys I administered.
Throughout the years of 2019 - 2021, the pandemic has made a huge impact on the global economy. Since then various types of investors have flooded the stock market space. Nasdaq.com has theorized that retail investors own 77% of the market capitalization. Furthermore, based on a survey, the top 3 most important items to investors are news, charts/scans/alerts, and connectivity to their brokerage.
The new layout of the homepage had to be a lot more simpler and easier to digest than the previous version of the app. There were instances throughout the research stage and feedback I received that made it clear of what is important to the user. A trader’s holdings, their watchlist, and a chart that was simple, yet concise with its information are all among things users sought after.
The account page consists of a brief overview of the user’s account, their portfolio holdings, and account activity. All of these features were previously located on separate pages where a user had to navigate over 2 to 3 clicks in order to successfully achieve their intended action. Therefore, I created a tab system that visually aids in decision making and intent.
In the previous version of the Fidelity App, many users provided feedback on the search function in their experience and how it lacked presence. Therefore, I implemented its very own page. The importance of finding things quickly can mean the world to a user when they’re investing in the stock market.
The Explore page acted as a bridge to the many resources and information that Fidelity provides for their customers. Instead of having a lot of that information on the user’s “Feed,” I decided to centralize much of that information into the Explore page. The relevance of this is to not have such a cluttered Home page, but rather have resources where they can be utilized best.
The Settings page also had the tab system where I split the information and resources into sections. By doing so, it helps to visually aid the user in their decision making and securing objectives. Through my research & analysis of the app, many users brought up how cluttered and confusing it was to use the app. Therefore, creating sections within this page helps with usability concerns.
As the largest airline in Japan, we strive to ensure our customers’ experience is of the utmost quality while traveling around the world. In collaboration with Star Alliance, the redesign of the ANA Airlines mobile application aids in providing a meaningful and memorable experience, wherever you are.
The project is simple: Design an interface that provides an easy and painless experience for the user while traveling through various airports. Furthermore, to also integrate the Star Alliance reward system so the user understand the benefits of using the app. This project will highlight, investigate, and deconstruct the interaction between the users needs, pain points, and struggles when flying.
Since this was a self-led project, my roles in this project were doing User and Market Research, Visual and UI Design, designing the Userflow, creating the style guide, and prototyping the finished product.
My ANA Airlines Mobile Prototype made in Sketch & Principle
To improve the customer experience during ‘dead time’ between flights. Layovers are the number reason for users having dead time
We want to help customers make use of their time as well as aid them with support and answers to their concerns
We want to improve awareness while in the terminals of the airport and its services/resources
To improve the customer experience during ‘dead time’ between flights. Layovers are the number reason for users having dead time
We want to provide clear and concise updates on flights and itineraries wherever they may be
My research phase consisted of creating a survey given to 25 users to better understand the following areas of thought:
Acquiring analytics and information about these variables is key to understanding the user and designing solutions for them. By pinpointing the pain points a user experiences, we can further develop ways to better their in-app and airport experience.