The objective of our fashion e-commerce website project is to create a simple and seamless online shopping experience for Fancì Club, a Vietnamese brand label that ripe with sex and the audacity emboldens for modern woman with its collection of sultry garments. The web-redesign focuses on providing an easy-to-navigate user-flow that highlights the brand's playfully seductive edge and modernized Y2K designs.
The goal of the redesign is to establish a strong online presence for the brand and drive sales through a captivating and easy-to-navigate website. The redesign of Fancì Club website was a success as user entry increased 450% while sale increased 300%, along side with the success of new collection : The Wrinkles.
<<<
Click here to explore Fancì Club Website>>>
Credit / Developer: Hai Phan/ Client: Fancì Club
PROBLEM STATEMENT
The tourism industry has seen a rise in demand for authentic cultural and unique experiences that mainstream tour operators may not offer. A tour booking app is needed to connect young adults with small local tour operators that offer such experiences.
PROJECT GOAL
The project objective is to conduct market research and develop a tour booking application that caters to the needs of young adults seeking genuine cultural experiences. Simultaneously, the app should also aid small local operators with little online presence in promoting their services effectively.
PART 1: RESEARCH
A. Competitive benchmarking
For this benchmark, I conducted thorough research on the market, the competitive landscape, and the user trends. Our direct competitors are top companies that offer full travel booking service from flight, hotel, cars and experience.
The three main type for hosting local experience platforms: (1) well developed mega-data platform like Booking.com or Airbnb that offer mainstream experience (2) medium size local operator with budget for a well informed platform but little online exposure (3) small size niche local operator with little budget, little online exposure and a functional but poorly developed platform
Learning from competitive analysis: It is evident that few mega booking services offer unique cultural tours, with the exception of Airbnb Experience. Mega sites have the advantage of flexible payment methods, live customer support, competitive pricing, credibility, a well-developed platform, and a strong online presence, compared to local sites. Meanwhile, language remains a significant barrier for accessing information and discovering services.
B. User Survey
The survey confirmed the hypothesis that young adults are looking for unique experiences that are not offered by mainstream tour operators. They want to get off the beaten path to experience different cultures offered by the local. Yet they oftern face difficulty in transparency booking with local operators.
- 19/25 consult many sources before making a decision; 15/25 use meta-platform search and 8/25 book directly through local site.
- 18/25 complain about the similarity and tourist targeting intineraries from mega-platform.
- 75% Those who booked directly from local operator site report difficulties while booking.
- 21/25 are concerned for the customer service, credibility the purchasing and refund conditions when booking through small operators.
- 16/25 lean on review and pricing for final decision making; the rest lean on itinerary and photos.
C. AFFINITY MAP,PERSONA AND JOURNEY MAP
I brought structure to the information we gathered to the content of user survey, interview and research through affinity map, persona and user journey. Some clear categories on pain points, goals, and preferences emerged as I progressed further.
RESEARCH LEARNING OUTCOME:
From the market and user research, I identified the following feature prioritization:
- Personalized suggestion
- Authentic photos and review
- Operator profile and credibility validation
- Options comparison system
- Tourist-Operator direct communication system
PART 2: STRATERGY AND DESIGN
Creating a flow chart is the first step of the design process to helped me get a high level overview of the process.
WIREFRAMES:
Next, I tried to cut unnecessary steps and simplify booking flow. I explored different layouts and prepared detailed wireframes to explain the user flow.
PART 3: PROTOTYPE AND TESTING (COMING SOON)
If you think about it, favicon - a website tab icon - is the smallest canvas on your computer screen. As a blank canvas, the room for creativity is endless. Yet, majority of websites use favicon to hold static logos. Favicam is a personal project that pushes the boundary of the favicon and what can be placed on the computer's smallest canvas.
<<<
Click here to explore Favicam>>>
Credit: / Superviser: Eric Li / Project: CD Studio: JavaScript
FPDB is a leading food photography studio from Ho Chi Minh city. The studio has a long passionate history for food and its spiritual influences to Vietnamese culture. FPDB doesn’t just capture your food, they bring out the best of your food and tell brand’s story through photography. With their mission of change the visual of the F&B industry in Vietnam about creativity and high standards, Tuan Ha and I proposed a new culinary approach to their branding, changed the name from FPWDB to FPDB and focusing on Food First, Everything Else Second.
With the Food First approach as the starting point for every project, the stylized “F” represents a core facet of the brand’s identity. Its freeform contrasts with geometric letters, conveying dual expressions of creativity and professionalism. The intentionally staggered composition breaks up visually similar letters and improves comprehension: in other words, FPDB ≠ FBDP.
Lending a touch of whimsy to the font system, a series of food emojis are embedded into the typeface improving the usability of the brand's visual components across platforms and communication channels.
Credit / Co-deisnger: Tuan Ha / Superviser: Tuan Le / Client: FPDB
Questions like "What's for dinner?" or "Which shampoo should I pick?" are supposedly simple, except they are universally proven to be unexpectedly difficult. In today's world of unlimited options promoted by overconsumption, the average adult is now presented with 35,000 conscious decisions on a daily basis, compounding the psychological weight of choice paralysis: if the choice is not perfect, it is easy to imagine that you could have made a different selection to produce a better result. This puts pressure on even the most insignificant daily decisions.
Understanding the perception of opportunity costs in a world of unlimited possibilities is important for understanding the challenges of modern decision-making. For my thesis, I examine the ramifications of choice paralysis through The Daily Indecisiveness, a series of four informative and interactive explorations into the behavioral science behind this conundrum by visualizing common patterns that influence difficult choices.
Would more options help or hinder prospects in making a decision?
Turn out the range of choices that we have available these days no longer liberates but debilitates us. More choice means more work, more work means more exhaustion. What is likely going to happen is that you will either be overwhelmed and unable to process decisions, or come to the conclusion that everything looks so good and you do not know what to pick. In both cases, you cannot come to a decision.
Study 1, Choice Overload, inspects the volume of available options and whether additional options improve or hinder the decision-making process. The interface mimics a bagel shop menu, tasking the user with making their choices as fast as possible as a new option is presented every seven seconds.
How's your decision making style contributing to indecisiveness?
With around 35,000 remotely conscious choices that an average adult needs to make day-to-day, there is a psychological heaviness to even the simplest decisions. From this perspective, choice is fundamental to our happiness and many people want to make the best possible decision. But to pick out the best options require a long process of collecting information, comparing with other alternatives and being anxious over possibilities of the road not taken, which result in delay over decision making .
Study 2, Satisfiers vs Maximizers, presents an interactive survey consisting of 9 questions with a dizzying array of options for answers, the interface visualizes the complexity of mundane decisions like picking a shampoo among 3,000+ selections available on Amazon. A score is given to each answer choice.The higher your score, the more of a maximizer you are.
Would knowing the consequence of your choice make the decision easier?
Action might produce regret. Doing nothing feels safer. Sometime people delay making the decision and keeping a situation unresolved. But this indecisiveness is not caused by the complexity of a decision. More often, real tough decisions are those which are difficult to compare. When all the information are available, it's our instinct to compare for the best. By picking one options we are reducing the possibilities for the equally good alternatives. In contrast, choosing to not-choosing gives the illusion of avoiding a bad outcome, while ignoring the consequences of inaction along the way.
Study 3 : Hard Choice — interface requires user to determine the path of the story by choosing each word. Each change to the word will affect the rest of the story. And even if you get one tough choice correct, no everything will be perfect.
How anticipate regret affect making decision?
People make choices based on future regret. When making decisions, they're motivated not only by the opportunity for gain, but also by the fear of loss, or regret. Fear of regret can play a large role in discouraging or motivating someone to do something. If people think they might make a wrong choice, they will take counterfact thought into consideration when making decisions.
Study 4 : Regret of Inaction — map a tree of regrets compared side by side, the diagram reveals that in the short term, people regret their actions more than inactions — while over time, the regret of inaction becomes more impactful. This study is developed to explore the role of regret in decision making and demonstrate how your behavior changes when you start anticipating regret.
Credit / Superviser: Matt Barnes and Juliette Cezzar / BFA CD
Thesis
Merry Christmas! This is the first Christmas after a long year of
pandemic is a special event to celebrate. We brought a playful and
nostalgia holiday through the concept of Santa Workshop to Bakes
Saigon and reimagined festive holiday patterns as packaging.
Elements for packaging feature Santa’s factories where Bakes
hardworking elf prepare delicious pastries for the special day.
Ornaments don't just belong on trees.
Candy cane, as a box for cookies.
Boardgame designers are the most underrated designers of all time.
Twinkle twinkle little box of pastries.
Tea boxes in the shape of pine trees.
Credit / Co-deisnger: Tran N Nguyen, Andree Nguyen / Superviser:
Tuan Le / Client: Bakes Saigon
The project is a study of sine/cosine waves and noise in p5.js, with the final form being a collection of 100 generative framed butterflies. The forming process is like a butterfly going through different peculiar phases before transforming into a beautiful thing. The live script is available upon request.
Credit: / Superviser: John Provencher / Project: A-Generative-Web
Bakes Mooncake 2021 is an excuse to celebrate in the middle of Covid lockdown. With the theme of lucid dream for visual identities to packaging, this lunar season emphasizes on the ability to have fun in your mind when your body is stuck at home.
Using elements of party but bring it to the home. The champaigne,
the truffle and saffron,the glamorous light. Playful, colorful and premium. The vivid illustration imagines how mooncake ingredients
appear if they are balloons.
The design balances snobbery with a vivid and seasonal illustration system.
Mooncake lantern patterns are reinterpreted it to brochures,
recipe books and bags. For fun.
Concept for advertising visual inspired by different ways people could spend time at home and how our mooncakes can make it more fun: WFH, Covid Parties, Netflix n' Chilling, Video Games.
Credit: / Superviser: Tuan Le / Co-Designer: Trang Dinh, Tuan Ha
When searching for dietary supplement, customers prefer getting informed
online when they feel the first symptoms, what the diagnosis means
and its implications, even before going to see a doctor. Though
without professional help, health literacy is a major issue when
looking for supplements. Understand health information can be
challenging for all age, McKinsey German researchers approached The
Lab's design team for an interface design for their new
self-serving supplement scanner booth at some of the biggest
pharmacy chains in German.
Customers can access health information from multiple sources and make informed decisions about their care. However, older generations oftern face challenges such as accessing technology, understanding medical information, determining the credibility of information, and limited access to pharmacists or professional help. In light of these challenges, pharmacies should position themselves digitally as advisors and true sources of information that help patients resolve doubts, understand the indications of their therapeutic regimen, and avoid self-medication while addressing shortages of pharmacists. Additionally, the experience of visiting a pharmacist and using new technology should be enjoyable for the general public, including older generations.
Understanding the customer journey and how they approach supplements and pharmacies is essential for designing the use of our medical database and anticipating customer needs as they move through different touchpoints with our brand or establishment. After identifying customer needs and opportunities for optimization through our solution and database, we pinpointed the most significant issues that impede the customer's mission during their visit to the pharmacy and decision-making process. When conducting online research, customers often feel confused by the abundance and complexity of information, so they turn to pharmacists for solutions to medical issues. Unfortunately, due to a shortage in medical staff, they are left disappointed by the limited one-on-one assistance.
Users need a time-saving and simplified experience when visiting a pharmacy. So, we developed an initial app structure for HelpScan. It uses six simple steps wireframe to search, diagnose common symptoms, and receive medication or scan current supplements.
Combining the need for personalized care and an enjoyable experience, the design concept for HelpScan is on gamification. This turns crucial decisions at each step into body parts of a medical mascot. As users make decisions and have unique needs, the body parts will be assembled to create a HelpScan mascot that provides recommendations for supplements and additional health advice or resources. The design also takes inspiration from the shape of pills and common medical supplies, and the mascot's motion is based on healthy exercises to boost daily strength.
With the help of our third-party database to categorize and redesign the information to be more friendly for the general public, we designed the app with a minimal and linear interface approach, step-by-step directions with a voice-over, and by integrating playful design details. Each screen is reduced to 4-5 actions with little to no hidden information to prevent the user from getting lost in the linear app. Immediate support can be sparked with a simple click to chat with a customer center representative. The kiosk is available 24/7 for needs outside of working hours, along with online customer support.
Step 1: Welcome Page & Step 2: Scan Supplement
Step 3: Confirm Scan & Step 4: Alternative Supplement
Step 5: Finalize Choice & Step 6: Sent prescription via
SMS/Email or to Counter
We wrapped up the process by testing the high-fidelity prototype with real users. Reaching out to a few of the users from the interviews helped us speed the recruiting process. After we guided the customer through the screens, we updated the designs based on their feedback.
<<<
Click here for high-fidelity prototype >>>
Credit: / Superviser: Tuan Le /
Co-Designer: Trang Dinh / Research and Database: McKinsey Berlin
230,000 people live with HIV in Vietnam. Against the backdrop of centuries-old sexual norms and decades-old HIV prevention propaganda, Love is Hard is created to erase stigmas against people living with HIV and educate same-sex communities about effectiveness of PrEP treatment. Addressing long-rooted cultural stigmas against same-sex relationships and pharmaceutical intervention, the 2022 program contrasts the ups and downs of love against the mundane simplicity of HIV prevention with PrEP —“It is just a pill”.
The first part of the campaign provides a first-person perspective of the cultural narratives surrounding these challenges, beginning with an open call for members of the LGBTQ+ community to submit their real stories about love. While we initially only expected around 100 responses, we ended up with over 1,500; these stories were so impactful that we decided to edit and compile 1,096 entries into a three-volume series.
<<<
Click here for view Vol1,
Vol2,
Vol3 >>>
The second part of the campaign focuses on visual storytelling with a series of posters dramatizing the trials and tribulations of navigating same-sex relationships. Drawing inspiration from the Ðông Hồ painting style—known for its traditional value in portraying social, philosophical, and humanitarian desires—the art direction juxtaposes the contemporary simplicity of taking a pill against the historic barriers of love in Vietnamese society.
Combining linguistic and artistic mediums, the campaign's finale culminates in a multidisciplinary exhibition The Museum of Heartbreak, showcasing the work of contemporary musicians, filmmakers, and artists through a series of ten installations inspired by their own experiences.
<<<
Click here for full campaign summary >>>
Credit: / Superviser: Tuan Le / Co-Visual Direction: Reo Le /
Co-Designer: The Lab Creative Team