How to Write & Structure Your UX Case Study
Vložit
- čas přidán 27. 07. 2024
- Use my code: SHARONKIM to get $1000 USD off your Springboard UX Design BootCamp! Link here: shorturl.at/bkrwT
To note, for the bootcamp mentioned above I may have personally used and enjoyed it before being approached with a custom affiliate link with them. Therefore, I may receive commissions for purchases made through links in this post.
This is a walk-through of how to write, present and structure your UX case study material on your portfolio website.
Let's connect on Linkedin! (do send me a note : ) )💌
/ sharonyeunkim
------------------------------
🗺 MY RAW ONNIT CASE STUDY OUTLINE
docs.google.com/document/d/1D...
📍 RAW ONNIT FIGMA PROJECT FILE
www.figma.com/file/oCvKrMhjpk...
📝 CASE STUDY BREAKDOWN (INFOGRAPHIC TO PRINT 😁)
drive.google.com/file/d/1r153...
👩💻 HTML CODE SNIPPET TO SCROLL BACK TO TOP
Refer to this website (YT won't allow me to paste code here)
css-tricks.com/need-to-scroll....
🌐 MY PORTFOLIO WEBSITE:
www.sharonyeunkim.com/
🧭 ONNIT CASE STUDY:
------------------------------
MY UX DESIGN NOTES WITH GOOGLE MENTOR: docs.google.com/document/d/1V...
Instagram: @ sharonyeunkim
Email: sharonyeunkim@gmail.com
------------------------------
⏰ Timestamps:
Why Structure is Important: (00:00)
Finding Good Examples: (00:26)
Case Study Breakdown: (02:16)
Prepping in Google Docs: (02:58)
Cover Images: (04:54)
One Scroll Test: (06:07)
Make the recruiter think this: (06:39)
Intro and Context: (07:22)
Put Solution at the Top: (08:02)
Make the Header the Insight: (08:25)
No more than 3 Sentences: (09:57)
Ample Infographics: (10:35)
Solution Breakdown: (11:18)
Research Breakdown: (12:02)
The Main Research Insight: (14:01)
Connect Insights Together: (14:23)
Personas: (15:13)
Transparent Setbacks: (15:50)
Major Improvements: (17:01)
Final Product: (18:12)
Prototypes: (19:08)
Style Guides, Working File: (19:43)
How to Organize Your Figma File: (20:30)
You need Reflections: (21:25)
Can I Present My Website for an Interview? (22:41)
Link more projects on the bottom: (23:39)
Code Hack to Scroll to the Top: (23:49)
Wrap Up: (25:01)
I was afraid i will have to spend hours watching many videos on CZcams to get into this but damn… You gave me full content I would expect from 4/5 videos and after 25 minutes I can tell that I fully trust You that this material is enough to guide me to make my portfolio the best way. I cannot find words that would express how thankful I am. I hope you find satisfaction on what you doing for us.🤗
really means a lot. Thank you for watching! :)))
thanks sharon this helps me alot , you're definitely my fav yt channel from now on ♥
Thank you SO MUCH! It's the best video I've found so far covering all necessary little things you to pay attention to! Great guide!
I love the kind and generous heartwarming atmosphere that you create, your kind, easygoing, warm vibe. ❤
Hi Sharon! I used the structure of your ONNIT case study and these tips to apply to my case studies and received positive feedback from mentors and peers so far. It helped so much to story tell rather than just regurgitate the process end to end.
Thank you for this video Sharon! This was so helpful to me while creating my own case studies. I'm transitioning to UX from Architecture currently. Would love to see a video on UX resume/CV tips as well!
Arguably the best (comprehensive) guide to creating an amazing Case Study. Thank you so much!
This is the best video talking on this subject that I've seen. I've spent SO long dabbling in different videos, trying to get my head wrapped around this in a way that made it simplified. You've made it easy, straightforward, given me permission to just braindump my thoughts initially without much structure and THEN work through and organize it (I don't know why I beat myself up for being unorganized at first). It no longer feels so overwhelming and stressful. Thank you SO much for breaking it down like this, and also keeping it below 30 minutes!
This helped me SO MUCH!!! I just started building my portfolio and with the amount of information out there I just feel super overwhelmed and not knowing the right direction to follow, but this makes a lot more sense! Thank you very much!
Thank you so much for sharing all this great information. I'm transitioning from IT recruitment to Product design and this has been one of the most helpful videos for me.
Right. To. The. Point.
I cannot thank you enough!!
So many people go off on random tangents or fail to hit key points in their videos, its so frustrating lol!
Beyond happy I found your channel 🤩🤗
Thanks so much for uploading your videos! As a new designer (with an extensive background in the arts) I find your videos easy to follow and full of useful information! Thank you ! :)
This is clean, informative and rich. Awesome job Sharon 👏🏻
Thank you Ikenna!
Hey Sharon! Love this detailed breakdown.
Would love to see a video specifically on organizing figma files.
Your commitment and dedication to doing things the right way easily shine through. Great content! Extremely helpful.
Thank you, I really appreciate it and thank you for watching :)
Nice tips! Thank you so much Sharon❤️
This was so helpful! Thank you for creating this video! I have not touched my portfolio in a few years; this is very helpful!
Thank you Sharon! So insightful ❤️
This is the best video I have come across so far about structuring case study! Thank you so much for making this video!!
My absolute pleasure!!!
This is soooo good, honestly better than some senior designers that explain how to structure case studies(sometimes they never go into the why). Please continue this type of content because I'm here for it. Aaaahhh I'm literally so excited by how much info you shared and the why!!!!
Yay! Glad you found it helpful :) all for transparent information ✨
Thanks Sharon for sharing. Such a helpful and informative video🙏. Need more videos about how is your design process going on while working on a project.
That’s interesting! You got it
Loved your video, great information and explanation. Thank you so much!
I have so much gratitude and appreciation for your work and the ability to share this valuable information :) You definitely have what it takes to be not just a good designer but also a tutor:) thank you
Thank you! Yes it’s also why I started mentoring on Mentorcruise :)
This is one of the best videos on building a UX case study! Thanks a ton!!!
🥹🥹 thank you for watching!
You have provided great information on how to create my Case Study, thank you very much for your hard work!
This is absolutely amazinggg!! I really love the content and effort that you put into this project!! Keep up the good work
Thank you! Hope you found it helpful!!
I love your videos because you show concrete examples and you are so organized. I would be very interested to see how you work in Figma using a concrete example(e.g., design system, naming and structuring your frames, components, libraries etc.) Your videos are so inspiring. Keep up the good work! Thanks!
Oo that’s a great idea! Noted! And thank you :)
Hi Sharon. I just wanted to say your videos for your transition into UX Design has honestly inspired me a ton. Im currently a Graphic Design undergrad and have just begun Google's UX design course to give me the boost to land a UX Design internship. Thanks so much for your useful posts, I wish you nothing but the best !! :)
congrats on your internship!!!
This is gold. Thank you so much!
That was - BY FAR - the best case study CZcams video I've seen. I'm definitely following you =)
Thank you Ricardo! Lmk if you have specific things you’d like to see.
Thank you so much for making this, Sharon! I would love to see more of how you gathered so many insights on building the portfolios and how you taught yourself to be a better designer every day. Essentially how you structure yourself so well and what are your sources and inspiration.
Advice is mostly from my UX bootcamp springboard and my mentor who works at Google.
As for inspiration, trying to get into FAANG was my goal/inspiration and the pain of not getting that motivated me to try very hard.
@@sharonyeunkim Hi :) Could you please touch upon how you connected to the mentor at Google?
Wow, this is super informative and helpful. Thanks Sharon!
My pleasure!
This video is very helpful, thank you !
This video is one of the best videos I have seen on building case studies.
P.S- That sudden pause after a message came into your phone was hilarious😂😂
This was so helpful! Thank you so muchhh. 🙌☺
Thank you so much. your videos are very informative.
This is so helpful thank you!
Hi. Sharon, I just would like to shout out as an also career shift person who is struggling to get a job in UX field in the new country with no experience. Although I have design background, it is still hard for me. But your content is very informative and, more than that, inspiring. You know exactly what the users(like me) would love to hear, and you did it in a very structured way with considerate details. Thank you for your contents. They motivate to go back and redesign my case study and portfolio after a very long procrastination. Keep going.
This is so thoughtful!!! Thank YOU for watching! I want nothing more than to give the best advice I can after transitioning myself ❤️🫶
This is gold!!!! Thank you
Great stuff! Inspiring!
Thank you so much for such a detailed video AND FOR THE MATERIALS that you provide for free! I literally never write comments, but your well structured video blue my mind so I couldn't resist breaking my pattern. Thank you again.
Wow thank you so much for the support!!!
What else would u like to see?
This is very helpful. Thank you!!
Great guidance 👍🏻❤
This is amazing, thank you.
Thanks so much for this! I’m currently working on my first case study and I’ve been struggling with how to structure it.
Great video ,its really helpful👍
Hi! This was super helpful! Thank you! Could you please do a video explaining more on the Case Study Slide Decks? Like what are they and how to construct one if possible?
Great video, I really learned a lot! I would love a breakdown of how you organize your figma files just to see your thought process behind it!
You got it!
This is wonderful.
Thanks heaps Sharon.
This is literally GOLD Thank you so much
Haha thank you for thinking that way!
@@sharonyeunkim I want to work at FAANG too! This is inspirational. I'm in bootcamp now. Did you end up at Amazon?
Thanks for this❣
Amazing and very helpful! Where can I find password to open Figma file and see your portfolio?
Sharon! Thank you so much for sharing this video! I am at the stage where I mostly finished the case study but I got confused how to display my works that I finished in my portfolio. This video helped me a LOT! There are still times when many things are difficult and I'm not good at it, but I want to try my best to approach the finish line haha!
I am taking the ux design course on the springboard so I am currently studying Figma on my own. Sometimes it's frustrating when I am spending toooo much time on a very small thing in Figma 😅😂 Could you share any tips or your experiences to get more familiar with Figma by any chance? I hope to hear your story about UI oneday! Again, thank you so much for today's video! ❤️
Glad it helped!
And for Figma, seriously it’s going to take at least 2 months of u actively using it before it starts feeling easier. If you’re before that point, don’t sweat it. Learning curve comes with everythjng.
it was very insightful, thanks)
I agree with the personas versus use cases. I've also worked with teams that forget about these artifacts once created. It can be frustrating when teams neglect to revisit the personas created, resulting in wasted time, money, and resources. And of course, teams differ in their preferred approaches. The primary goal should be to create deliverables that facilitate understanding and empathy towards users. Without reference, the exercise becomes pointless. The focus should be on maximizing user satisfaction and delivering valuable solutions. I always say...team dynamics also play a SIGNIFICANT role in achieving these objectives.
love it love it, Subscribed!! Sharon, how long did it take for you to build these all? I mean the portfolio website and the case study and the case study deck etc. .
Thank you for sharing! Sharon You are doing a great job! I am a self-taught UX Designer by completing Google Certificate, changing career path from science background. After that, I have been working as volunteer for NPO and participated some hackathon. It has been almost 1 year. I am still on my way to search my first job. Would like to connect you on linkedin. You are definitely role model to me! 💪🏻
Looking forward! Yes do keep in touch :))
Sent you a LinkedIn request!
Thanks so much for this video
My pleasure :)
Thanks for sharing your amazing tips Sharon :) I learned a lot from your video! While walking through this video, I was wondering how you put a prototype video (figma file) on the website. Could you walk me through that? Thank you so much!
Hi Sharon! I just want to say I love love love your videos. Im currently in the middle of bootcamp. I feel confused and frustrated sometimes. Your videos are definitely big helps. I noticed the head image you used in HOMES FIRST case study has a gif effect, how did you create it? Thank you a lot!
I really like how you pointed out that while the angled iPhone screen images can be aesthetically pleasing, they're not the most practical for potential companies to clearly see the UI designs you want to show. I've always thought that it wasn't very practical when I look at portfolios and case studies on Dribble. Good example of looks pretty but not super practical.
exactly! You want to make your design as easy to see as possible :)
Hey Sharon! Thanks for the helpful content.
I have a video request/ question for you - Do you have any important resume tips? I feel a lot of us struggle to get past the resume filtering bots in the first stage of hiring process.
This is really great… thanks. Please what frame size would you recommend I design my slides before uploading to squarespace ?
Thank you for sharing the details, Sharon. This is very helpful. My images for the hero section/cover images look pixelated in Squarespace. Do you have any tips for producing high-quality cover images?
Thank you so much for this video. It was so informative! I just have a question still:
At the magazine I volunteer at, we’re switching from Squarespace to webflow so we’re revamping our whole site. There’s a lot of new features to solve our problem so I’m thinking of making separate case studies of two features. Is that a good idea?
hi! i saw you mentioned your figma file would be in the description but i dont see it - would love to look at that if you dont mind! these videos have helped me with building my first case study on my portfolio so thank you heaps !! :)
Hey! Oops sorry about that. Here’s the link but if not I also added it in the description www.figma.com/file/oCvKrMhjpkibUdkS4bz88f/20201101_UX-ONNIT-PROJECT?node-id=183%3A0
What's coincidence, I use exact same colors. Providing a link go to the top is awesome, but people usually scroll faster than found the link.
Hey Sharon! Thanks for all these educational videos they are very helpful! I have one question - what do you think about doing internships after senior year in UX design? Thanks in advance!
No prob :) and whatever you can get, is good experience!! Might be a bit harder to get an internship after senior year, but definitely still worth trying. I’d consider UX grad school if you want an internship so being a student would qualify you for them. Usually you still have to be a student to have an internship
Hey there thanks for the content, super helpful with my first case study
If I may ask, what was the font choice for the headings and small heading in this video? thank you !
Thank you so much Sharon for your video! Now I,m thinking of creating a new case study for my portfolio, but I don,t know what type of website redesign, do you think is necessary to know in deep a website before doing a case study? I see some examples in Cofolios and some of them work inside the company and know the process inside the company. Thanks
As a current Springboard student, I'm curious if you slimmed down your case studies to how they are currently displayed on your portfolio website. I found the single-scroll method makes them too slim to pass with flying colors for the Hiring Manager Review.
Thanks, Sharon!
Thank you
My pleasure ❤️
Sharon, could you tell me, how did you add a video prototype to the portfolio case study? How did you make your prototype be so interactive? Very grateful in advance !
Thanks a lot for this❤, is it also okay to have a case study uploaded on Behance for people that don’t have personal websites yet?
Hey Sharon! So I'm in a UI bootcamp, where we had a focus in UX but UI was the primary focus for one of my case study projects. Would you say that my presentation should focus more on my style guide, colors and typography? (while still including UX?) I hope that made sense!
You are def right to focus on visuals as a more UI designer.
Hey Sharon! Wanted to know what sort of resources ( textbooks, books etc) you used during your design learning journey. As someone who is completely new to design, your videos have helped me a lot
I’ll make a video on this! Perhaps do you mean if you want to self teach? Lmk so I can put something together :)
@@sharonyeunkim Yes! I'm self-learning without a bootcamp :)
hi (again lol) sharon! i come back to this video often because of how helpful it is. I noticed that your portfolio and your Figma files are now blocked and require a password to access-- can I ask if you'll ever make them public again? they were so helpful with my journey as a ux designer and i referenced them often; it would be amazing if they could be accessible again
Hi! Yes- it’s because (although I understand) there have been many cases of plagiarism and intellectual theft for their job applications & class projects in university so I had to take it down to maintain & protect my work to ward off unethical behavior. It’s been my current project for the past month or so. Planning to relaunch in early 2024. Thanks for your patience.
Hey Sharon, I’m super impressed with your videos, you’ve done a great job. I would like to be more clarified on using square space paid version. When you subscribe for monthly paid version on square space, do you need to keep paying on a monthly basis to continue using your website?
Hey! Yes I believe that is correct, you’ll get a warning if payment stops and maybe an extended month but beyond that I don’t think you can continue using your website
Can you make a video on finding personal projects to work on?
Hey Sharon! Could you do a video on what to wear at big FAANG companies?
Think casual coffee chat with someone you’re meeting for the first time
hey Sharon, can u please share some template link its very helpfully
.
Thank you for making this video! It's saying that your figma file requires a password, am I still able to view it?
Do you have an example of the slide deck?
How did you make the scroll back to top red? :D
Hey Sharon, I was just wondering what website do you have your case study on? And your portfolio on?
Great job Sharon! Love all of your UX guidance videos! I'm currently working on building my UX/UI Portfolio on Squarespace too. I was wondering if you had to build all of your case studies pages together OR is there a way to link a PDF file to the cover images? I love the idea of adding looping GIFs or an animation video of my app design into the case study but not sure how to go about that! Any advice would be greatly appreciated. Thanks in advance!!
I made all my case study pages separately! And I’m not sure what you mean but linking a PDF file to a cover image- did u write out ur case study to another document? In that case, I believe there is an option to insert the URL somewhere. Just have to upload the PDF to a platform where u can make share access to everyone. I’d recommend uploading it to G drive
I’ll give a tutorial on gif loop animations :)
@@sharonyeunkim Thanks Sharon! I made 2x case studies on Figma so far but wasn't sure if I should just add the prototype link.. ;)
@@sharonyeunkim Thank you and looking forward to your gif loop tutorial!!
Thank you so much for this Sharon! You have so many helpful tips! And you are so transparent! I am going back and making small improvements to my portfolio website. How do you add your app prototype videos to Squarespace? I have been on CZcams searching for days and can't figure it out. I have screen recordings of my prototypes but I am stuck! :/
I’m trying to figure it out myself too :(
Could you share an app or a program that you used to video record prototypes ?
@@consciousnessexplorer3549 This video saved me czcams.com/video/MvZiPYUlH1c/video.html I screen recorded through Quick Time Player on my Mac and then used this code in the above link to add an auto play version to my website! 👏🏾
The 📍 RAW ONNIT FIGMA PROJECT FILE is asking for a password? I'd really love to see the case study artifacts you made in Figma. I'm really struggling to design my own case study right now.
Hi Sharon. I really love this video! I’m a Jr. UX designer (post boot camp) and I’m trying to set my portfolio in squarespace as well but having trouble with some details. I would love to chat with you and pay you a fee for a 30 min. Call. I’m feeling really stuck and I thought maybe you could help me out a bit. Thank you for reading this. 😊
Qual a senha do projeto do figma ? Não permite acesso ? Seu portfolio também esta restrito ?
Just saw this video. Loved the information! I tried going to your figma link and it is locked. Any way I could still get access to this?
Hello yes! Working on it as there have been some issues. Hoping to release it again soon.
What resource did you use for phone mockups?
Super super helpful thank you! Please could you link the Figma file you made for this case study? I'm terrible at knowing sizing of different text/images!
It’s in the description box!
Hi Sharon, did you learn about figma only at SpringBoard? Your skills are v impressive and I wonder how to get there
Def through springboard!!
Hello and thanks for the insightful video! I noticed on the home page of your website that whenever you click on your project image for ONNIT it just redirects back to your home page. Every other project image links to their respective case study page except for that specific one.
hey thanks for letting me know! Yeah, it was just a bug- fixed now :) thanks!
Whats the password for your portfolio Website
you are so beautiful and so elegant person thank you for the great content 😍 from Egypt
hi sharon! thank you for your super helpful tips as always. could you please share where you built your portfolio (wix, webflow, Squarespace, etc.)? I'm still really undecided on which one i want to go with. thanks so much :)
Hey! I did it on square space. And to make my exact portfolio it’s on my channel!!
@@sharonyeunkim perfect thank you sm! could you briefly explain what made you choose Squarespace? did you ever consider webflow, and the fact that even though there's more of a learning curve, there's a lot more flexibility to make a portfolio really unique? (thank u again u have been the most helpful ux youtuber I've come across and I've been watching a concerning amount- )
@@sugaudacity aww thanks for the nice comment! Yeah webflow is def more advanced but if you're just starting I don't think it's necessary. I've been told from my FAANG mentor complexity isn't what's impressive (that's where your work comes in) but making your website clean and easy to navigate for recruiters :) squarespace did that hence that's why I chose them lol
Hey Sharon, really insightful video about UX case study structure, I tried to connect on LinkedIn but there was no option for me to send a note...Went to your portfolio site and noticed 2 things: 1. When I click on the thumbnail of that case study, it refreshed the current page instead of going to that case study page (might be a small bug I assume); 2. Design infographic in Figma and improve the readability is great, but with all the text in a image, will it decrease the chance that content being searched on the internet as all the text is embedded in the image? Thanks for the great content!