As there are a lot of smart home brands out there, a user may have smart devices of many different brands. But they couldn’t always connect or communicate with each other. The controller for a Nest thermostat won’t read the directive sent by the Alexa app. Thus a user will have to install a bunch of apps for each brand of devices. The abundance of smart home apps that don’t work together leads to a bad user experience.
Suppose you have five smart devices in your home each of which comes from a different brand. Each time you want to control a device, you’ll have to open a new app. That is obviously a frustrating thing to do and the problem increases with more number of brands.
As many people who were using the smart home products were facing this problem, I came up with the solution of building a single app which could control all the devices.
The tech-savvy homeowner needs a simple way to streamline control of all of their smart home technologies so that they can save time, money, and energy.
The goal for this project was to design a complete smart automation system that encompasses all the basic features and who’s user experience is unique and specifically caters to the demographic.
Making their lives easier and offering them peace of mind by helping them save money, time and feel more secure while turning their homes into a smart environment.
The primary target audience for this project are women aged 30-44 years old. As women in positions of power, they often are influencers and trendsetters for other women in their demographic but also younger professional women that look up to them.
Mentor her is a program that aims to build a community for Black women in particular in the tech and design industries through networking, fellowship and mentorship. It's mission is to help young professional women navigating these industries by providing a safe space to connect and give/seek support from other Black women.
Being a Black women in the tech/design industry is being used to not having another Black woman/person on your team or even in the whole company. When you’re actually in the environment, it’s important to be on a team where you feel like you can be your whole self. Where you can — and it’s hard to define what that means — but for example, if something tragic happens — a lot of tragic things have been happening in America — and someone is killed by the police in another community, can you go to work and talk about that? Especially if you’re the only Black person, will your team get it, will they empathize, will they understand? That’s really hard. The thing about being a person of color in these industries when you’re actually in the company, there’s a sense of hyper visibility and hyper invisibility. There’s hyper visibility in the sense that you’re seen as that Black person who works on the team — it’s very obvious that you’re the “only”. But then there’s hyper invisibility. The microaggressions and other things you might face in the workplace are invisible to everyone else.
The audience is Black women in the tech and design industry and those wanting to get into these industries. Women of color need to stick together and build strong networks, because that’s what rich, white men have been doing forever. It’s important that they stick with each other, and spread opportunities etc. The top goal is to bring Black women together to help create opportunities for them to voice their perspectives on tech trends, events, share career wins, and even lessons learned. Create and provide a niche safe space where Black women can connect, learn, and develop.
After testing the first prototype I realized that there was some confusion in the IA. I decided to remove the journal feature from the tool bar and add a progress tracking feature.
New features added that seemed to be essential to ensure the success of the program. A detail list of the program and each sessions /meeting. From there you can directly access the meeting agenda and stay on top of your goals.
We all have emotions and moods. Some people have very even temperaments and their moods are mostly stable. Others can go from happy to anxious to depressed quite quickly. Here comes iFeel, a mood tracking app that help you examine patterns and have a better understanding of your daily moods.
Sometimes you’re a week behind on a big project, your train has been late three days in a row, and you got approximately three hours of sleep last night (between car alarms). So when anxiety makes its presence known in your day, you know exactly why. But at other times, that tightness in your throat and knot in your stomach seem to come out of nowhere. That’s why many people with anxiety find it helpful to keep a regular diary of their thoughts and feelings. The simple act of putting those thoughts on paper (or phone) can sometimes even diminish their power and make them feel more manageable. Journaling can also help you look for the (sometimes subtle) patterns in your reactions. Whatever your situation, keeping tabs on your emotions can clue you into your go-to thought patterns and major anxiety triggers. Armed with that information, you’ll be able to dig deeper into why those triggers resonate so strongly with you — and be prepared to deal with them more effectively.
The target audience is Black men from ages 25-45. Men that when facing an emotional crisis fail to have the adequate tools and process to discuss/assess their emotional experiences, furthering a sense of isolation, anger, and resentment. For these men, this creates an emotional volatility that can sometimes manifest in seeming “shut down” in relationships and friendships. At its worst, this budding resentment can manifest in outward expression of anger, aggression, and even violence. Many men (arguably most) struggle with the idea of being openly vulnerable and sharing their emotions. And for those who grew up as sensitive boys, they are often subject to ridicule and shaming for what are natural and healthy expressions of emotion. Black men face a unique challenge in that most of what is most prized about them may be their looks or bodies, but rarely ever their intellect and emotional intelligence.
I started with the idea of building an app where you could enter all your daily activities, what and where and add the mood you were in when completing them. A simple way of keeping track of your emotions. Sort of a twist on journaling. This is the first version of the wireframes when the focus was still on tracking activities instead of moods. I had to revised it because on top of navigation issues the user was also confused because of the lack of visual cues.
After the sketching part and in the beginning of the development phase, I realized that the app that I was building had an information architecture that wasn't solid enough. So I had to go back to the drawing board and figure out some of the kinks. Such as: navigation, how to add a new mood, how to access the mood list, what happens after you add a mood.
After two rounds of design and well into the development phase I started to test the application. I had to make sure all the kinks were worked out and I was still on the fence regarding certain functionalities and features. What I found out from the testing phase was that not only my information architecture needed a lot of work. But also that adding an on-boarding feature was important to help the user understand the main functionalities. Furthermore, the process to add new moods was still a bit tedious and not intuitive as the users were still confused and didn’t know where to start and how to do the most basic thing which is adding a new mood.
I resolved this by changing the menu icons. Instead of having the toggle + button hide the three mood types, they are now the first thing you see on the page. This way you have an immediate call to action when you open the page.
During the last round of testing. I found out that the navigation still had some issues. While the users weren’t confused anymore as to how to complete the primary tasks, the flow still required either too many clics or they weren’t getting lost somewhere in the middle because of the lack of basic UI indicators. Going back and looking at the interface I realized that by adding things like search, filter and sort features as well as a back arrow on each pages were simple ways I could eliminate some friction.
The Flying Pin is a website which makes it really simple to figure out how much your coins are worth, and then donate it to a charity of your choice. All you have to do is scan your banknotes, add different currencies, the site creates an “online wallet”, which adds up your different currencies and tells you how much cash you will be donating. Since you will be sending your currency by post, you get to pick a customized stationery packet that you will use to send you money in. Bonus? You also get an enamel pin. A collection piece that you can keep as a “souvenir” for your travels in exchange of donating the cash to a good cause.
The problem here is quite obvious. You’re going to be on the receiving end of a very hostile bank teller if you rock up with a billion mixed foreign coins. In fact, banks probably won’t exchange it for you period. They’re always keen to sell us currency but are never too keen to take back the bits that are left. While you may want to hold on to that money and call it a “souvenir”, what if there was a way you could turn it into actual cash you could either spend or even better donate it to a charity.
The target audience for this website are frequent international travelers. People who travel multiple times a year for business or leisure and at least several time every 6 months to countries that would require them to not only use a different currency but also use a larger than usual amount of cash.
Initially, the main user flow was designed to focus on the donation aspect. The part where you get an incentive wasn’t part of the process until later. The process also wasn’t explained clearly enough as there was some confusion as to how you’d send the cash. After testing the IA I decided to change the landing page so that it would reflect clearly not only the main objective but also make the process less tedious for the user by eliminating the number of clics.
Visual design is a big part of this project. The goal is to get the user to have a certain feeling when they are first introduced to the site. Feeling that is then to be translated in them donating their money. You want them to not only feel good about what they are doing but also to not feel like they are doing too much work. Some of the feedback that I got from testing the visual design was that adding customized stationery and an incentive that the users would get back in return for their donation was a good way to get that excitement. Adding a social media component that would allow users to share feed the sentiment of gratification for doing something good. In late stages of testing I also was advised to revise the color palette so that it would more neutral and not alienate a certain demographic.
In order to test the whole concept and prototype I had to not only test the online interaction but also the process of sending the money after receiving the stationery in the mail. For timing purposes the test was conducted all in one day. While the real interaction would require a couple days/weeks. I asked an user to go on the website and complete the tasks of select their currencies and stationery. I then gave them an envelope and stamp that they could put cash and coins in and send in the mail. The envelope was pre-labeled and big enough to carry the money. After this I asked them about what they felt about the whole process. One of the many responses that I got from testing the prototype was that security was a main concern. It led me to add the option to scan the banknotes so that both party would be insured that it was a legitimate process.
Social media web banners using LinkedIn’s new branding.
As the Senior communication designer in charge of marketing design at Babycenter I work in support of several teams including: global marketing web and mobile, email marketing, Mission Motherhood initiative, mobile apps, social media and community
Redesign of the International Ads for Babycenter.com web and mobile
House Ads on Babycenter.com landing page.
Opt in push notification for BabyCenter's mobile app: My Pregnancy & Baby Today.
I worked on the illustrating last year's top baby names based on different trends. The gifs were done in support of the article on the baby names trends on babycenter.com
House ads in support of the Top baby names launch reveal.
Facebook and Instagram ads
Web banner
Photo contest web banner
Badges illustrations for Babycenter.com social community platform.
UCSF hired to me to work on the rebrand of one of their affiliate group. The Alliance Health Project supports the mental health and wellness of the lesbian, gay, bisexual, transgender, and queer (LGBTQ) and HIV-affected communities in constructing healthy and meaningful lives. They wanted their new brand to reflect the personality and spirit of their community but still be able to fit within UCSF’s overall brand identity.
N’Zassa chocolate is a brand of organic raw African chocolate. The name N’zassa means “to tie” in Akan, a dialect from a West African tribe. The target customers are chocolate connoisseurs, people who only look for the best in the chocolate they consume. For the brand packaging, the idea was to use African ankara fabric as patterns. They relate brand’s name and history and gives it an ethnic feel. When it comes to the typography since the patterns were already vibrant, the choice was made to go with something more geometric to add contrast. All in all, this piece stands out and is a true eye catcher.
This website is dedicated to sell products from the brand. This site was designed and built by me using HTML, CSS, Javascript, PHP and a mySQL database.
Last year I was hired by Organic to work on the redesign of Wells Fargo’s landing page for both desktop and mobile. I work on designing the new pages that are to be launched sometimes this year as Wells Fargo unveils it's new branding.
As the visual designer, on this project I worked directly in collaboration with two copywriters, a creative director as well as two account managers to bring the final deliverables to Wells Fargo.
AroundMe allows you to quickly find out information about your surroundings. How many times have you found yourself in need of finding the closest Gas Station? AroundMe quickly identifies your position and allows you to choose the nearest Bank, Bar, Gas Station, Hospital, Hotel, Movie Theatre, Restaurant, Supermarket, Theatre
and Taxi.
The goal of this app redesign was to:
• Improve the IA and user flow
• Improve the visual design
• Personalize the user experience and add new functionality
Open the app to look at Shake Shack’s menu. Choose food options from the menu and place an order for burger and fries.
Checkout and choose the best route to go pick it up in the airport.
First: She gets the notification on her home screen. Phone is locked.
When she opens her phone she’s immediately directed to Shake Shack’s page on AroundMe.
She clicks on menu and the popular items
on the menu appear first.
She picks her order by simply clicking on each item
and adding to the cart.
The next screen is a review of the order in the cart and
the checkout button.
Then comes the payment screen where she has to enter her CC info.
Pop notification that order went through.
Next screen is the map with different route options.
She chooses to walk.
Use app to find the most convenient Pharmacy options around
you. Apply filters to reflect your favorite choices and then pick
the best way to get there as fast as possible.
First screen is the AroundMe home page.
She clicks on Pharmacy.
On the Pharmacy page there is a map with all the ones that are near. She applies a filter and only two options are left.
She picked Walgreens and now has to choose her preferred route to get there. She clicks on directions.
She opts to call an Uber.
She gets an notification that her Uber is on the way.
At First Republic Bank I worked in part on creating social media assets as well as infographics. The goal was to promote the brand to its core customers but also be able to cross over and attract a broader audience.
I designed the new Airbanq Prepaid Mastercard© as part of the company's new loyalty program as well as Facebook ads to support the campaign.
Print marketing pieces for the American Grilled Cheese Kitchen.
A restaurant chain based in San Francisco.
Catering menu
Packaging box
Heidi’s pies is a Bay Area restaurant that sells pies, smoothies and juices at several Farmers Markets. This collateral design work is a rebranding of their previously lackluster visual communication. Overall, this collateral campaign manages to keep a consistent and coherent look thanks to the type and color choices. Since food is the main character, it is what is made prominent here. This is an effective strategy because people are attracted by beautiful pictures and vibrant colors. This vibrant design will bring a younger and broader demographic to the business.
Credible is a multi lender marketplace. They power student loans, student loans refinancing and personal loan offerings from different organizations in the U.S.
These pieces are targeting students in an attempt to help them better understand the company's mission.