Portfolio

Front-end mentor's 3 column preview card component
Front-end mentor's QR code challenge
Front-end mentor's QR challenge
Manga drawing of Hoshino Ai
Manga portrait of Christof Sievernich
Manga portrait of Johan Liebert
Manga portrait of my friend
Portrait of my friend
Portrait drawing of Hayato Isomura
Anime drawing at Manga Nakano
Portrait drawing of Hiroya Shimizu
Portrait of Hiroya Shimizu
Music Fest 2023
Mentorship concept manga
Portrait of my sensei
For Mentees: Tips for Finding the Right Mentor and Enhancing Your Mentorship Experience - Part 1 of 2
3 deadly communication sins to watch out for
Wrote a blog post on how I overcome challenges
Wrote a blog post on my experience of learning new languages
Food coloring
Children's Book Illustration
Children's Book Illustration
Soda can package design - Grape wave
Anime portrait of my ADPList Mentor
Banda and Yaba walking away from the game arena
Banda and Yaba
Anime portrait of Yaba Oki
Anime portrait of Sunato Banda
Anime portrait of Arisu
Completed part 14 of Crimes of Sunato Banda
Completed part 13 of Crimes of Sunato Banda
Me in anime style
Completed part 12 of Crimes of Sunato Banda
Dita Von Teese
Completed part 11 of Crimes of Sunato Banda
Illustration of a woman listening to music
Completed part 10 of Crimes of Sunato Banda
Goth!!!
Completed part 9 of Crimes of Sunato Banda
Colored pencil of Sunato Banda
Complete part 8 of Crimes of Sunato Banda
February Art Challenge
Completed part 7 of Crimes of Sunato Banda
Sweet dreams
Completed part 6 of Crimes of Sunato Banda
Lolitapop
Completed part 5 of Crimes of Sunato Banda
Completed part 4 of Crimes of Sunato Banda
Moon
Portrait drawing
Completed part 3 of Crimes of Sunato Banda
Completed part 2 of Crimes of Sunato Banda
Portrait photo
Writing a story based on Alice in Borderland
The seductive Banda Sunato
Flower girl
My art journey
Chishiya from Alice in Borderland
Val from Fatale
A helpless friend's recount of a player's curse
Controlled by Svengali
Potential friendship
A deadly love triangle
Characters of Instagram - Miss Fashion Star
Wednesday Addams
Birdy
Meowth
5 Tips on overcoming your imposter syndrome
6 tips for preventing burnout
Mango
Tips for improving your presentation skills as a designer
An apple a day keeps a doctor away
Create chips using Figma’s variant feature
Mirror on the wall
Do Gane-jae
Create selection controls in Figma
The watcher
Human skills that designer need to embed in their career
How to create a button
Designer networking 101
My personal experience with 3 Memorisely Bootcamps
Halloween cat cup
Cute Halloween Couple
Brooklyn Masefield from Beyblade
Enjoying a rock concert De jeugd van tegenwoordig performed for us
Conditions Design - The Mystic Art of Influencing Outcomes service design, value orchestration, culture building Understand rationale of doing something before doing a prototype Condition design is...
Working With Big Brands As A Freelancer 1) Be a generalist who can also be a specialist. 2) Build a portfolio for the kind of client you want to work with. 3) Start networking. Networking takes tim...
Transformation from Shy to Confident leader Some helpful tips include: - Practice speaking in front of the mirror - Be over prepared - shifting mindset so it is open to change - Being persistent in...
3 types of roadmap every PM must master Roadmap = what your team is currently working on and what is next. Visual rep of product strategy, • Canvas style • Presentational style • Roadmap style Prod...
Helping first-time internet users achieve more What are the unmet needs, behaviour, and mental models for first-time users? #1 financials → gig worker - part-time job multiples #2 literacy → most h...
Why designers should also be technical Titles create silos → Designers and devs not talking. Learn to understand their needs. Dont be scared to learn new things. Be curious. Act like a generalist →...
User Research Or Gut, What Drives Key Decisions In Early Stage Startups Betafi. why is customer service so poor? Handling 4 to 5 in a call. Insane. Why not build a product for them? from customer c...
Is Service Design One Of The Stranger Things? service design - 3 stages → front stage (actions happens and audience sees us, customers act on it), backstage (support process, directing light, costu...
Opening keynotes Felix talked about some future gamification elements that will be added to the platform such as certificate, karma points, rewards, (free Figma platform) oscard for best mentors fo...
Perching on the lemon
Skateboarding with donut
Going on a date with a walking taco
YunoJuno demo YunoJuno is a freelancing platform. It is a competitor of Contra and many other freelance platforms
Catchup with Bootcamp partner We discussed the presentation content for job interview. Reviewed each other's content and made some corrections based on the feedback. Our target is to completed by n...
Party with a French Fry
Meetup with UXR teacher and classmate Key takeaways for me: - Create a guide on UXR - user should be talking - During a live stream, give exercise to observers -> some questions based on their obse...
SoulDoodle team meeting Discussed with team mate on how to group the tagged cards in dovetail such that the grouping happens based on our research goals. I demonstrated how to form insights and wha...
SoulDoodle event In this event, we meditated, stretched and drew 8 illustrations prompts in 8 minutes
Memorisely talk: Portfolio 101 part 3 Key takeaways: - Try to keep your profile pic consistent in all the socials to create a social recognition - Keep your portfolio up-to-date - Always think abou...
Memorisely: Portfolio 101 part 2 Key takeaways: - Work on case studies that you are passionate about and care for. Otherwise forcing yourself to work on something will limit your chances. - In intr...
Memorisely talk: Portfolio 101 part 1 My key takeaways: - It is fine to code the portfolio but unless it is for a developer role, better to save time and depend on another website editor since our ...
Let's party
Memorisely freelancing talk Key takeaways: - Ref flag for clients - first meeting is never about money, it is about the business. Asking micromanagey questions. Not related to business needs. - Cha...
Catch up with Bootcamp teammate - We showcased the presentations for the case study and provided feedback to each other - Advised on the job hunt
Reviewing tags in Dovetail transcripts with SoulDoodle teammate We reviewed the taggings of all the 5 transcripts. We explained our reasoning and amended the taggings accordingly. We learnt about w...
Lady with her pet duck - The rock style
ADPList Product led growth: The Right Way To Monetize For A PLG Business Main takeaways: - Monetisation = process (how to monetise) of earning revenue from an asset, business (what to monetise) - W...
ADPList Product-led growth: Freemium lessons. How we grew signups 3x Main takeaways: - Saleswhale is an AI email conversation platform. B2B Saas. - In pre-pandemic days they would approach people t...
ADPList Product Led Growth: Octalysis - 8 Human Motivations That Drive User Engagement - Meaning = believe you are chosen to do something good (people contribute to Wikipedia, github, provide revie...
ADPList Product Led Growth: How to crack PM interview Main takeaways: - Learn and unlearn - a key trait for PMs - Way to stand out - They spend not more than 10 seconds. Thought process, learning a...
ADPList PLG courses: Gamification - Getting users hooked Main takeaways: - Retention leads to growth as you can then explore with these retained folks to do more experiments for the other modules i...
Man with his best friends
Meetup with Bootcamp partner In this meeting, we did the following activities: - Discussed the structure of the presentation for the case study - Split the presentation among each other - Reviewed ...
Meetup with SoulDoodle Design system teammates Catch up with immediate team members on the status of the design system project. - Reviewed the about us page and offered guidance on how we can move ...
ADPList Product-led Growth: What videogames can teach us in building PLG? Speaker talked about video and its history - Leadership board - bragging rights - players compete against each other or sol...
ADPList Product-led Growth: Hyper Growth PLG Strategy, From $200M to $1.6B ARR In 4 Years The speaker talked about how Growth led activities were adopted in the various companies he worked at - how...
ADPList Product-led Growth: Build Better: Guide To Optimizing Product-Led Growth Some of the mistakes that product teams make that harm PLG: - Underestimate strategy (important to understand your w...
ADPList Product-led Growth: How to measure product-led growth? This masterclass talked about how to understand data, what to analyse run test. The speaker talked about how analysing becomes widely ...
Memorisely X ADPList: Day In the life of a UX Researcher Speaker shared about their daily rituals as a researcher. It is very interesting to hear how people plan for a week and think about the top ...
Someone is trying to cycle ;)
Catch up with Bootcamp teammate - Provided advice on the resume - Shared our tagging activities on the usability tests - Thought about the next set of actions like reviewing the tags for usability ...
Internal meeting with SoulDoodle teammate We discussed how to proceed with the research process of interview videos. Did a walkthrough of Dovetail and how it can expedite our research process. We a...
Collaborated with Engineer Cradle on the upcoming event Jeva from the Engineer Cradle team briefed me for the upcoming event that will have me as their guest, where I will share my UI/UX journey. W...
ADPList Product-led Growth: Transition from sales-ked to product-led growth Takeaways: - The speaker talked about how they used to go with sales-led approach with medium and large enterprises which...
ADPList Product-led Growth: What is the right growth loop for you? Takeaways: - why do we need loops over funnel? Funnels create silos and in linear behaviour. Every department is only interested i...
Gwi-nam from All of us are dead
ADPList Product-led Growth: The Art & Science of Product Growth Takeaways: - Speaker provided examples from Facebook marketplace - In PLG one needs to answer 3 things: How do we define success of o...
Cheong-san from "All Of Us Are Dead"
Memorisely' s campus event on Applying for Jobs part 3 My key takeaways, when one joins a new company, include: 1) Importance of cultivating relationships with key people via 1-on-1s 2) Being visib...
Memorisely' s campus event on Applying for Jobs part 2 My key takeaways include: 1) An excellent view of a hiring manager's goals and concerns while looking for a new team member. The type of perso...
Memorisely' s campus event on Applying for Jobs part 1 From this talk, my key takeaways include: 1) Put your portfolio link at the top of your CV, email. 2) Hiring managers may have multiple portfo...
Interview users Interviewed 2 users to learn about their experience with SoulDoodles, to understand how we can best features users and increase the engagement.
Dovetail 101 Dovetail presented the basics of Markup, Backstage, Playback. Key takeaway: • Topics are a way to categorize your research outputs like stories and files in Playback (these are also pe...
Max from Stranger Things
Designers Discuss: Career Switch Designers from diverse background talk about how they navigate the world of UX, how their previous roles contributed to the human skills that are needed for UX. Ver...
Meeting with my Bootcamp partner We decided on the next set of actions: 1) Cleanup Dovetail notes (surveys and interviews) 2) Include usability tests as part of Dovetail
Memorisely workshop: Product Discovery 101 Some of my key learnings include: 1) Product discovery is a way of working, where we discuss which features are worth building? is this solution worth pur...
A tribute to June 21: International Yoga Day
1:1 meeting related to portfolio and relevant topics Shared some insights related to portfolio, resume, job search tips, next set of actions for the portfolio
Graduation class In this class, we presented our case study. We provided feedback regarding the overall BootCamp experience. We received awards. The Rice Girls obtained the Tool Trailblazer award. ...
Meetup with partner We met up briefly to run through the presentation, what we are going to talk about, confirm the flow, and make minor changes to wordings.
Preparing case study presentation In this meeting, we discussed what content to put in the presentation, discussed the styling, layout of presentation. Each of us wrapped up the presentation for ou...
Preparing research report My partner and I came up with 3 detailed insights talking about the high-level statements, further context, evidence, consequences, recommendations and tags. We decided to...
Bootcamp homework Went through all the insights and revised them by splitting more insights into other grids (instead of having all the insights in one place). Wrote the executive summary of one of...
Memorisely - UX Research Live class 5 In this class, we were introduced about the importance of writing a report for our stakeholders since no one will have the time to go through the data. We lear...
Meetup with partner We completed coming up with a total of 6 insights after going through the post it notes and ensuring that we answer the research goals. We reviewed the insights and made the nec...
Meetup with partner We created insights out of the groupings that we created in our previous meeting. We created 4 key insights that address the research goal questions. In our next meeting, we wil...
Meetup with partner We reviewed the groupings on the canvas and regrouped them by altering the tags.
Meetup with partner We completed the sub-groupings for the remaining categories like 2. procedural (divided based on interview and survey responses), 4. golden pain point, 6. emotions (negative, po...
Meetup with partner During the meeting, we went to the canvas to work on affinity mapping. We created the initial grouping based on experience, attitude, emotions, service, stress, barriers and man...
Gastronomy Day
Prepared illustrations for Rice Girl Theme Crafted first version of rice girls theme. This will be presented during the graduation ceremony of Memorisely's UX Research Bootcamp
Usability testing We used Zoom to communicate since Lookback does not allow the interviewer to communicate with the user. After unmuting the participant via Zoom, the echo stopped Provided scenario...
Meeting with partner We collaborated on reviewing each interview script's tagging. We agreed on the definition of certain tags and tagged the sentences accordingly in interview scripts and surveys....
Meetup with partner We discussed what to do for the presentation case study. A quick approach would be to do via dovetail or do it via FigJam. We tagged the interview transcript. Dovetail's experie...
Co-working session We clarified our doubts with the teacher related to what we can include in the Dovetail's notes section. For example - we should not cherry pick certain survey results otherwise ...
Transcript cleaning Included all the relevant videos and transcribed them. Cleaned up a transcript via Dovetail. Explored the ease of updating transcript content, the ease of updating the speaker's...
Watched a video on how to be scrappy in UX Research https://www.youtube.com/watch?app=desktop&v=dFEbM0hYDMQ If you have a limited timeframe, some ways in which we can be scrappy is to: - Initially ...
Meeting with teammate Brainstormed on the overall body language of our users and included them as part of the notes. We included the transcript and we talked about cleaning the transcripts (me - P0...
Memorisely - UX Research Live class 4 In this class, we learnt about the importance of organising data. We ought to collaborated with teammates to come up with the tags. Then based on thetranscript...
Testing and exploring tools that enable us to view remote mobile screen We tested scenarios where we have to conduct usability test. We tried scenarios where user shares the mobile screen but we ex...
Conducted user research interview Conducted a 15-minute interview with a university student who has been practicing meditation for a long time but practices it irregularly. We learned some key insi...
Stop child labour
Meetup with my teammate Caught up with my teammate to review the tasks and follow-up questions for the usability test. We finalised the final script, which will be ready for review by our teacher. ...
Campus talk on Networking My key takeaways: - Don't overthink just go out and talk to people - Important to befriend someone before applying for the job. In that way, they can be your referral - Al...
Did a knowledge transfer to SoulDoodle teammates Caught up with 2 teammates to discuss about the basics of FigJam, Design system theory, demonstrated design system project, shared a plan on how we ...
Prepared presentation on Design System Created a presentation on talking about the theory of Design system - its value, who uses it, reasons for failure, what consists of design system. Prepared a ...
Setting up usability test scenarios, tasks and questions Based on the Smiling Mind application, came up with a list of tasks related to the scenario and our overall research goal. Crafted a couple ...
Explored Lookback tool Was looking for an appropriate tool that would let users share their mobile screens with us during a moderated usability test. The facial reaction and interaction with the ap...
Co-working session Discussed about the general plan for usability test - like coming up with scenarios and possible tasks for usability test, possibility of sharing prototypes, how to craft prototy...
Meeting with UX Research Bootcamp teammate We discussed the most appropriate tools that can assist us in creating the survey. Free version of typeform only lets us fill in 10 questions, whereas we ...
User research interview on Memorisely UX Research case study Conducted a 15-minute interview with a university student who is interested in meditation but does not practice consistently. We learned...
Memorisely - UX Research Live class 3 For this class, we learnt the purpose of a usability test, the purpose of it, the success metric of usability test, success metrics of usability test like erro...
Meeting with teammate to try out the tools for interview We tested Zoom's functionality on record, and time limit. We thought about the necessary backup plan if Zoom's 40 min time limit is reached....
Remote user research https://www.youtube.com/watch?v=Gp80Dwfunn0 Walkthrough on the key roles of a facilitator -> not repeating participants to think out loud. Be mindful of what participants are c...
Tribute to Pride Month
SoulDoodle meetup Was introduced to new members of the team. We discussed about how SoulDoodle can help us and vice versa, the future of SouldDoodles and what it means to us. We provided task updat...
Team meeting for UX Research case study We reviewed email templates for interview invitation, how we will plan the survey to obtain more quantitative data. We went through the questions, its orderi...
Benchmarking assignment Conducted benchmarking on Smiling mind's direct (Calm app) and indirect competitors (The art of living). Graded the strength, weakness, design, UX, content, opportunities, l...
Co-working session We discussed about the list of participants that we can approach from various sources like Linkedin and Polywork. We reviewed the interview structure together and we considered t...
Review on questionnaire We reviewed the screener questions on google form, and the messages to send via socials. We discussed the next set of actions related to benchmarking, distributing the quest...
Memorisely - UX Research Live class 2 In this class, we learnt about surveys, when it can be used. This all depends on the goal. If we want to get many results in a short span of time. If our quest...
Team meeting for UX Research case study We discussed about the final version of screener questions, criteria and interview questions. We reviewed the messages that we would post via socials. We cre...
Homework for week 1 Crafted screener questions and criteria, interview questions, post related to screener via socials. Will be discussing these items with teammate during our next meeting
Star Kitty wants to play with the ball
Co-working session We applied all the learnings of week 1's concepts into this co-working session. We completed working on the 1st version of research plan and got them validated by our teacher. We...
Discussion on topic of stress Had an insightful discussion regarding how different cultures handle stress, how handling stress has become significant over the years, reviewing smiling mind, dissect...
"The Rice Girls" joined forces for UXR case study - Getting to know each other - Share availability to work on the case study
Memorisely - UX Bootcamp Live class 1 In this class, we learnt about the value of UX Research and learn how to recruit, prep, and conduct generative research interviews. Learnt about who stakeholde...
Memorisely's UX Research Bootcamp kickoff Had a kickoff session with Memorisely's UX Research Bootcamp. Was introduced to the class structure, case study, feedback matter
Component properties playground Learnt about how component properties can reduce the creation of variants, bridge the gap between developers and designers, when to use variant properties (like chan...
A crash course in UX Research https://m.youtube.com/watch?v=fVrnjXet2xQ I love the analogy about building a boat and how important it is to understand the entire context (like how the boat and wate...
SoulDoodle team meeting Meeting with teammate to discuss the user research structure, split up tasks on which users to approach, initial discussion about the email template and how to make it more ...
Love, Star & Cat
Spring animation playground Practiced the sprint animation, which introduced the following concepts: - Quick - Bouncy - Gentle - Slow - Properties to control the custom spring animation (stiffness,...
Variable fonts playground Explored the following concepts: - What is Variable fonts - Variable axis - weight, grade (change the weight without chamging the width - esp in dark mode, the same font c...
Auto Layout 4 Playground Explored the following concepts: - Negative spacing - Absolute positioning - Text truncation - Settings and controls
A cute little astronaut
Design week: Drop everything and prioritize the experience Squarespace team talks about conducting design wee where evreyone stops their existing work and focuses on the experience. Speaker talk ab...
Interactive Insights - Using Figma for UX Research The Stripe team has demonstrated how they use FigJam to identify opportunities, develop concepts and develop solutions using FigJam
Working with UX writers in Figma This talk talks about how Product designers and UX writers can collaborate together. There are few ways of enhancing the relationship for example involving UX write...
Building a design system using Figma & sanity headless CMS to document it They demonstrated how they use Figma for their design library and the headless content management system Sanity to house th...
Multi-platform Design System at Booking.com Booking.com has 1 design system to rule them all. Their key challenges included: issues with scalability of color palette and dark mode, border-radius su...
Demystifying plugin development The speaker broke down the steps to develop the plugins for Figma
Grow a design team in a non-design driven environment This talk highlights how they managed to incorporate design in non-design workflow. A key trait about non-design environment is that the organi...
Auto Layout 4: Designing for the space between Various improvements were talked about for auto layout 4. For example: absolute positioning, negative padding, visual hints. This version might promis...
Creating better learning experience with Figma This talk explains how a teacher incorporated Figma in her teachings. The tool was widely accepted by her students since it encourages collaboration a...
Consistency considered harmful The speaker gave brilliant examples where consistency led to failure: the infamous google icons, what would happen if we were to have consistent road sign. The key is...
UX Writers need design system In order to maintain consistent language, reusability UX writers need design system as well. The speaker highlighted how they follow the atomic design process by segre...
Can it be delightful to design a table? The speaker highlighted about the key mistakes like working alone, focusing only on the goal instead of the process, not sharing results. How we can overcome...
Using Figma above and beyond in design teams During this talk we were introduced to various plugins such as: 1) morph plugin 2) theme switcher 3) permute 4) spectrum 5) text selection plugin automa...
It's better when we design together innofest - great idea for non-designers to pick up feedback - a 2 to 3 day hackathon figjam workshop Plugins: 1) context switch 2) assets handoff 3) template upl...
Taming multiple design system with a single plugin Concepts of cascading design data, the IDS plugin
Opening keynote - Figma Config 2022 Easy to use auto layout, dark mode, branching - review changes, spotlight, smart animation variation - jumpy one, skeleton mode, password protection for prototyp...
SoulDoodle's website bug fixes - Investigating some limitations of wix and workarounds related to responsiveness. - Study how to include custome code in Wix and examine the effect of having custom ...
The Langmores from Ozark
Fixes based on design review SoulDoodle website is built using Wix. Based on the design review discussions, I fixed some bugs and made some improvements in the Wix classic editor
Meeting with SoulDoodle team mate During the meeting: - Conducted design review of the landing page - Reviewed and discussed 11 issues Pending: - Obtain access to Wix and the style guide - Split up...
Meetup with SoulDoodle teammates - Discuss about the next steps to be done for the get featured page, establish the goal of the page - Discuss the list of questions that we will ask the users (feat...
The Godmother
User research questions (SoulDoodle project) Wrote an interview brief consisting of the goal, the list of questions to ask. Reworded the questions so that they were not leading. Tried to make the q...
Meetup with SoulDoodle team to discuss a user need of a new feature We are considering making a featured page, hence we are in the process of identify user's goals and motivations. My team member a...
How to use session recordings to improve user engagement and product adoption for your SaaS https://www.hotjar.com/blog/session-recordings-user-engagement/ This article highlights how session recor...
How to identify and avoid leading questions in UX research https://maze.co/blog/leading-questions-examples/ Learnt how to identify what leading questions are, how it can negatively impact the desig...
Meet the new Otter https://otter.ai/blog/meet-the-new-otter The upcoming feature of Otter will streamline collaboration and productivity during and after a meeting. Otter uses Ai to record the enti...
How to plan a successful remote mobile usability test (and avoid nightmares) https://dovetailapp.com/blog/remote-mobile-usability-test/ This article talks about when to consider a remote testing, p...
Lessons from Domestic Data Streamers https://www.typeform.com/blog/inspiration/lessons-from-domestic-data-streamers/ Your audience will not be convinced just with the data. We need to simplify that...
The 3 biggest DX data challenges SaaS and tech companies face https://www.fullstory.com/blog/dx-data-challenges-for-saas-and-tech-companies/ Inspite of companies having a lot of data, the key chall...
Form abandonment: How to avoid it and increase your conversion rates https://www.fullstory.com/blog/form-abandonment/ This article does a walkthrough on cause of form abandonment ranging from form ...
Just Enough Research by Erika Hall
Who wants to eat onions?
Tried a new 3D platform - Vectary https://app.vectary.com/p/44fgjN39pydTa8aiIlddiF Learnt the usage of basic shapes, usage of light source, how to apply materials on the shapes
Woman with two tomatoes
Operations and Supply Chain Management by Ashley McDonough The world of the supply chain might seem intimidating 😨 to some. However, fear not, since this book does a fabulous job 🤩 explaining it in...
Mugshot of Oh Young-Sook Oh Young-Sook is an antagonist of a South Korean movie called "The Call"
Old man with lemon eyes
Chicken Cutlet Prepared chicken cutlets, a dish popular in India. The filling consists of minced chicken and the outer coating is mostly made of potatoes. This is one the recipes that I have inheri...
Queen of the South
Exploring storybook and a Figma plugin Experimented with React, storybook and Clapy plugin that imports and export storybook components in Figma. Came across Chromatic (automates gathering UI feedb...
Light the world Illustrated two versions of a lamp
Inspired - How to create tech products customers love by Marty Cagan If you are a founder, consider this as a holy book. This book is for anyone who cares about creating great products. It is a mus...
Understanding interesting illustration techniques Went through a video, where various drawing techniques are explained in the following video: https://www.youtube.com/watch?v=RbbQl2sU-ag&ab_channel...
Accessible Social Read about Welcome to Accessible Social, a free resource hub for digital marketers, communication professionals, content creators, and everyday social media users. https://www.acc...
Lady Peace Pray for Peace. Stop the war. United we stand.
Heart As part of SoulDoodle's March theme challenge, I drew a heart to support peace.
Mentorship sessions Mentored a student who is looking to switch to UI/UX. We talked about what happens in the mind of a recruiter, what they expect from a portfolio, how much time they spend. After...
Accessibility check on SoulDoodle's landing page Performed accessibility audit on the newly launched landing page of SoulDoodle. Referred to a11yproject's checklists and verified the items, which w...
SoulDoodle event The theme of the event was to pray for peace. We meditated in this session and doodled together. I was always enchanted by an anime character, that I used to watch as a kid. This c...
Mentored Discussed about needs and inspirations from my mentee. Provided tips and resources that can help the person to navigate a job in UI/UX. Created some action items for my mentee to follow
Angel of Peace Make love. Make art. But please stop this war
Coffee chat with my mentee The session consisted of a catch up session where we addressed weakness and constructed action items such as listening to podcasts, selecting books, design system, portfo...
Yoga fitness I have been practicing Yoga since 2018. Before coming across it, I was running. However, I wanted to work out my entire body and I consider Yoga as the one helping me in that area. Aft...
The city of gold Considered the main landmarks of Dubai (Burj Khalifa, Burj Al-Arab Jumeirah, Jumeirah Mosque, Tolerance Bridge)with the landscape of a desert and palm trees
Figma branching https://www.youtube.com/watch?v=euS0iOI0-5c&list=PLXDU_eVOJTx4kKv1IdI-NdlKyCWwE6Ge6&index=5&ab_channel=Figma This is available in Organization plan. I was curious to learn about bra...
Created content for prototype Added content for the various sections of SoulDoodle's site
The City of Love Illustrated Paris with SoulDoodles this week ;)
Figma token workshop Attended the Figma token workshop, conducted by Jan Six. It is a hands-on workshop where the presenter talked about design tokens, how Figma token captures all the pain points ...
The city of Angels I illustrated Los Angeles for this week with SoulDoodles. It is such a coincidence that before the release of February’s illustration theme on cities 🏙️, I was yearning to illust...
Brainstorm session with the SoulDoodle team Had the opportunity to present the ideas on our inspiration, point of reference, why they are an inspiration. All members did a walkthrough of the paper ...
Naughty Ice Cream Eat me and, I promise you heaven!
Paper prototype Gathered all the points that all the stakeholders discussed, and the feedback that was provided during user research. This helped me to find a pattern and come up with a paper sketc...
Data Science Bootcamp Provided my feedback on an application where users enroll to study data science
NEXT app Participated in a usability test on NEXT app. Users use NEXT to scout opportunities and useful technologies, conduct user research, map and validate assumptions, ideate and test prototypes...
User interview Conducted user interview to understand the experience level of illustrators, their motivation of illustration, their expectations from a community, their impression on the current So...
Diabolic Flames Are you lucky enough to burn in this diabolic flame along with the man-eater?
Photoshop magic Assisted a design portfolio by manipulating the mobile UI screens on a mobile form factor.
Rose the Hat SoulDoodles is challenging illustrators all over the world to illustrate objects with a demonic touch. For the object hat, Rose 🌹 the Hat 🎩, a terrifying antagonist of Doctor Sleep, en...
Personal feedback of SoulDoodle's home page Continued and completed the exercise.
Personal observations of SoulDoodle Added the screenshots of SoulDoodle's home page. Assessed its responsiveness and how various elements behave currently. Keeping in mind its goal, I noted the lis...
Learned how to create a basic Figma plugin Refered to https://www.youtube.com/watch?v=V2QJW3WNSfc&ab_channel=GlebSabirzyanov to learn how a Figma plugin is created This tutorial provided a breakdow...
SoulDoodles SoulDoodles aims to inspire as many people in the world to illustrate. I am part of the SouldDoodles team to fulfill the above goal. I am joining as a developer and a designer.
Mismatch: How Inclusion Shapes Design by Kat Holmes This book is worth 💡exploring due to the following reasons: • To adopt inclusive practices, one needs to understand why exclusion takes place. Th...
Disability Visibility by Alice Wong The book consists of anecdotes where a person, who faced exclusion, has flat out said that the technology 💻 is handicapped and not him. This notion exactly reson...
Mentored a hackathon project Guided an undergrad student, who participated in Design System Hackathon. I imparted knowledge on the goal and expectations of the project, some technical concepts such...
Attended a user research session Provided my insights on my reading habits, the type of books I read. I gave my opinion on an existing application that facilitates discussions on books and their fe...
Hey Lolita!
New year illustration. Looking forward to 2022 :)
Alert modal Designed this nested component using typography, icons, and button component.
Comment component Decided to create a separate comment component though the input component could be used as well. This is to represent a difference in the dimension. Thinking about it now, a bette...
Tab Taking inspiration from zeroheight's tab, I used buttons and inputs as the components to create this nested component
Image carousel Created tag component, which can then be used inside the image cards. These cards will possess various states. The card can then be used in the image carousel (nested component)
Breadcrumbs I treated breadcrumbs as a nested component since we could create their basic states and then create the breadcrumb based on the number of items needed
Holiday card Improved on the previous version of the holiday card
December is the Friday of the month I was inspired by some holiday cards, presented in the Blush community. Happy holidays, folks!
Calendar component The trick is to use a fixed width and fixed height for the individual number (date) frames
Calendar component The trick is to use a fixed width and fixed height for the individual number (date) frames
100 Things Every Designer Needs To Know About People by Susan M. Weinschenk This book consists of 100 small chapters with scientific evidence, stating interesting things people do while using techn...
Accordion Designed 4 main variants of an accordion. Properties include states (hover or default) if the accordion is opened or closed.
Who wants a burger? Created a tasty hamburger component and included the animation between the variants. Prototype
Polywork welcomes me to the legit team
Progress bar There could be fewer or more variants depending on how many things the user needs to complete.
Rating system Undertook 2 main steps to achieve the prototype: 2. Under Foundation -> Icon, I set up the star icon with the respective variations and I have applied the interactive component for th...
More icons and animations Animated the gift icon and party face icon. It is crucial to ensure that the contents within the frame remain the same among the variations. Otherwise, this might affect t...
Icon creation spree This is a tribute to the festive season. I achieved the animation of the icons by having after delay effect and smart animate. View Animation
Design System discussions: Measurement Attended a discussion among key panelists, which was hosted by zeroheight. Key takeaways
Nested component - Pagination Created the pagination out of other components like buttons and inputs.
Variants of gift icons Created gift icon in the spirit of the upcoming Christmas holidays Created a frame of 16px X 16px (the bounding box), where I created the icon. After creating the icon, dupli...
Tooltip component Designed 4 variants of tooltip. Other variants where the tooltip is in other positions can also be designed. In this version, I have designed the blank state of the tooltip where ...
Character illustration Illustrated Jinx aka Powder, a popular character from Arcane: League of Legends using Figma.
Digital design and accessibility tips https://bootcamp.uxdesign.cc/digital-design-and-accessibility-70-practical-tips-fb17aee10d84 Mindblowing tips • Animations that blink many times in a second ca...
Radio component Food for thought Applied interactive component to it but is there a better way of handling the prototype? What if there are 5 options, does it mean that one needs to create 5 instan...
Checkbox component Designed 8 variants of checkbox and applied interactive component. Tested the prototype and it works like a charm.
Design components Designed 3 components for the day: • Toggle • Button • Inputs The nested component for the Newsletter subscription can then use the button and input components. I used smart anima...
Design system case study Designed and documented buttons, radio, checkbox, toggle, and variants by applying the defined foundations.
Design system - component The components that we experimented with this week include buttons and selection controls. Overall the theme of the lesson consisted of: • Learning how to apply foundation...
Designing for accessibility is not that hard https://uxdesign.cc/designing-for-accessibility-is-not-that-hard-c04cc4779d94 This article convinces the readers that accessibility is not time-consumin...
Symbol of Salazar Slytherin Tribute to the final week of SouldDoodle's Huevember challenge (To illustrate animals)
Kickstart my design system project I set up the project to apply the learning from class and to build upon the design system gradually. • Structured the project space • Obtained practical knowledge...
Design system - foundation We learned about the main style foundations of a Design System. Without the foundations set, our Design System can't scale. We dived into the following: • Understand colo...
SheCodes workshop Attended SheCodes workshop to gauge the tech stack that the organization teaches, understand their services, and how well it aligns with my requirements.
How to make your everyday images and visual content accessible https://www.getstark.co/blog/accessible-images-and-visual-content Storytelling without relying on sight is crucial. Key takeaways • As...
Commencement of design system bootcamp Memorisely team introduced the theory of the Design System. It is an interactive class where 12 other designers from all over the world gather to learn the fo...
Gave Krita a shot for the first time Baking Krita as part of my digital art journey. Krita is an open-source painting software. Super excited to explore Krita's features.
Usability test on Wonderpath Super pumped to do a usability test on Wonderpath, an application that sets goals, builds action plans for the main goal, and receives advice and feedback. We went thro...
Courage the Cowardly Dog For week 2 of the Huevember challenge, I illustrated a cartoon character from a popular show broadcasted in the late 90s. Presenting you Courage the Cowardly Dog.
The real ROI of making your products more accessible https://www.getstark.co/blog/the-real-roi-of-making-your-products-more-accessible This article reminds the importance of baking accessibility fr...
Unplugged case study Unplugged.rest exists to save us from the chaos of the digital world. Attending day-to-day zoom calls and being bombarded with countless notifications, humans have become addic...
UX - A Business's God of Wealth My article on the increasing importance of UX and why every organization should inject UX in its veins. https://www.linkedin.com/pulse/ux-businesss-god-wealth-rupali...
Hail Design System! Here's my article on how Design System started at work and how we are evolving from there. It also includes the concepts that I have learned after reading a book called Atomic D...
Here’s what you need to know about color accessibility in product design https://medium.com/handsome-perspectives/a-guide-to-color-accessibility-in-product-design-aa3e8919be0 This article talks abo...
The lion I designed the lion as part of SoulDoodle Huevember challenge. As part of the challenge, we can choose one animal portrait simplified to one line, with one hue.
Mercat As part of SoulDoodle's Huevember challenge, I designed a mercat. I got inspiration from a PC game called Captain Claw, which was part of my childhood. Mercats appear in one 2 of the 14 chal...
Queen of spades Created the following illustration via Figma and followed a minimalistic approach.
Mentorship session Learned about mentor's experience with Design system and best ways to overcome obstacles Key takeaways • Understand the ecosystem, the flow • Divide the ecosystem and apply the d...
Gather around for the Halloween doodling event This event was conducted by SoulDoodles where we met a special guest - Junior Arce, who taught us the basics of doodling. People from all over the wor...
The art of alt text https://uxdesign.cc/the-art-of-alt-text-35f10a7d5cf6 A written text that describes the images in the digital world and aims to make the experience more inclusive. This article p...
How Spotify organises work in Figma to improve collaboration https://spotify.design/article/how-spotify-organises-work-in-figma-to-improve-collaboration This article provides a glimpse of how the S...
User research It is imperative to obtain data to validate the research goal. I planned the following questions to understand the mentee's triggers in seeking mentors. This survey can be insightful ...
Observations of Margot Pain points To frame the problem, I dived into Margot's scheduling feature. It gave me insights into the pain points from the lens of a user. 2. The scheduling process is len...
Introduction to Margot Introduction Margot Community provides 1-on-1 mentorship to women and gender-marginalized individuals. It aims at normalizing payment to individuals for their knowledge. It i...
Ideate, ideate, ideate! Observation When mentees book a session with a mentor, they feel overwhelmed filling a lengthy form. They would have to do this each time when they book a session despite be...
Gathering the survey results After obtaining the survey results, the next step was to synthesize the data. During this process, I identified user's pain points, understood their objectives, discove...
Explored the playground on interactive components I understood the workings of interactive components within the variant with practical examples. "Change to" in the interaction popup is unique only...
Hunt for the suitable icon packs I collaborated with developers from another team to explore the feasibility of adding icons to Outsystem. We considered 4 icon packs - Noun Project, Streamline, Ico...
Design doesn’t stop at handoff https://medium.com/the-marvel-journal/design-doesnt-stop-at-handoff-2de1ddaf002d Key takeaways • Agile is not ideal for designers as the time constraint imposed by it...
Queen of hearts For this week's poker challenge, I created the Queen of hearts to demonstrate sisterhood. Women uplifting each other is one of the anthems of sisterhood. I found my oil pastels and ...
Mentorship session Continuation of our discussion on career goals.
Emoticon challenge As part of Memorisely's emoticon design challenge, I took inspiration from Goth Rock to create the emoji via Figma. I have built this using basic shapes and radial gradients for ...
Featured in Memorisely's Unmute blog Check out my story on how I came into this world of design. Oh! and don't forget to check my Spotify playlist 🎵 Amazing songs from AC/DC, Black Sabbath, Led Zep...
What's new to FigJam: Widgets, plugins, & more During the session, we learned about various plugins and widgets in FigJam: • Table is an excellent widget that removes the need to have screenshots o...
Hooked: How to Build Habit-Forming Products by Nir Eyal Finished reading the book Key takeaways 2. There was a mention about the Manipulation Matrix, which categories products based on the usage by...
Margot's existing user flow The existing user flow of the booking experience happens every time mentees book a session with a mentor, whether the user logs in or not. The current booking process in...
Constructed the improved user flow After studying the existing flow on the booking process, and payment process, my observation is that the process is lengthy, leading to a high dropout rate. The c...
Translated the user flows to wireframes I used minimal styles to represent the wireframes to focus on the usability of the proposed flows at this stage. A wireframe is crucial for rapid iteration, ...
Margot's UI components At least 2 foundations form a component. Components are equivalent to atoms. I have created the following components for this case study: buttons, tags, textarea, toggle, che...
Margot's UI styles Before creating the high fidelity prototype, I constructed foundations and components to maintain consistency and ramp up the design. Every application will inevitably make use o...
Hi-fi prototyping The next stage is to connect the screens to demonstrate the booking flow.
Usability testing on Margot Community's prototype I have conducted a combination of unmoderated and moderated testing. The success metric for unmoderated usability testing is that there is no dropo...
Presentation on Margot Community case study This was my first-ever case study presentation, where I demonstrated the hi-fidelity prototype by introducing a real character. Cause for celebration The...
Provided mentorship Guided my mentee on the best ways to use Figma and demonstrated how to use the prototype features.
Mentorship session I had the pleasure of meeting my mentor Anumita Ghosh via ADPList, who provided tips and clarity on my milestones.
Usability testing on unplugged's prototype Conducted unmoderated usability test on Unplugged case study with 4 users and discovered the following key areas to further improve on: • Adding more opti...
Queen of diamonds For the second part of the poker challenge conducted by souldoodles, we drew a diamond card. I was inspired by a key character who appeared in an episode on a Netflix show called ...
A guide to successful handoff https://uxdesign.cc/https-medium-com-91bilal-guide-to-successful-design-handoffs-18345f42d5d6 Key takeaways • Maintaining mockups by naming them based on the function....
Published my first ever portfolio Published my portfolio with the following 2 case studies: • Margot case study • Design System case study
Completed documenting the case study on Margot Community
Introduction of Unplugged.rest Introduction Unplugged.rest exists to save us from the chaos of the digital world. Attending day-to-day zoom calls and being bombarded with countless notifications, h...
Document presentation Included the following items for the case study presentation: the problem, information architecture, customer journey
Create customer journey The overall search includes 3 phases • Awareness: This is when new users explore to understand what this site offers. • Searching: This phase consists of searching for a cab...
Map information architecture and identify pain points We mapped out the Information Architecture of the existing site to understand how the content is organized. It enabled us to test the hierarchy...
Study similar products We considered the following products for our inspiration since the concept is similar. Analyzed the information architecture of these products to see how the content is struc...
Instagram takeover for Memorsiely I had the pleasure of doing an Instagram takeover on behalf of Memorisely. I provided the audience an insight into my day-to-day life, work, the Bootcamp experienc...
Office hours: Get started with interactive components Interactive components enable us to create interaction between variants. It eliminates the pain point of having multiple interactions between s...
Prepare testing scripts We created a moderated test plan consisting of the following details: tools to use, number of people, pages to test, length of each test session, mission statement along wit...
Put on the thinking cap for ideation After identifying the pain points via the customer journey, we considered how might we help busy people find available cabins that appeal to them. HMW statement...
Document presentation Included the following items for the upcoming presentation: mind map, how might we, solution matrix, user story, user flow.
Designed Unplugged's UI styles Styles: We used a mood board to define our colors and experimented with various typography to make the product welcoming. Other key sections of the style include Grid...
Planning the task's priority The mind map provided various areas that we could solve in the search experience. We created a solution matrix to guide us on which areas to focus on. It helped us to c...
Unplugged's user flow (existing and improved versions) We outlined the user flow of the existing search flow as it helps to visualize the pain areas. Keeping that in mind, we proposed the improved ...
Unplugged's mind map After selecting the user story to concentrate on, we ideated on the various ways we can enhance the search experience. We focused on two key sections - addition of features or ...
Laying The Foundations by Andrew Couldwell Finished reading the book Key takeaways 2. It is crucial to pitch for the Design System based on what the different stakeholders care about. That is the k...
Goth queen of clubs I am collaborating with Souldoodles to create illustrations as part of a monthly challenge. The challenge for October is to design poker cards. I find goth very inspiring and th...
Atomic design Components: Sketching helped us to identify the key components and nested components for our hi-fi prototype. We modified the styles based on how the components were turning up. Key t...
Spanish lessons with Juan I met a passionate and energetic teacher via Preply in Nov 2020. We study twice a week where we practice grammar for one class and practice conversation for the other one.
Showcasing our case study on Unplugged.rest An exciting day for Team Yogastar to perform a walkthrough of our case study. We showcased our thought process on the improvement of Unplugged.rest's sea...
It's sketch time! The improved version of the user flow helped us to sketch the screens and the interactions. This step is crucial to help us build a prototype. It is easier to iterate on a sketch ...
Got my first UI/UX Designer role at my company Super thrilled to wear both the hats of Front-end developer and UI/UX Designer. We formed our first-ever UX team with an experienced designer from the...
Translate sketches to hi-fi prototype The most exciting part of the ritual is witnessing your sketch come to life. After identifying the foundations, components, and nested components, we could pro...