How to Write & Structure Your UX Case Study

[@Miviene13]

I was afraid i will have to spend hours watching many videos on KZbin 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.🤗

[@sharonyeunkim]

really means a lot. Thank you for watching! :)))

[@AmxrJ99]

Arguably the best (comprehensive) guide to creating an amazing Case Study. Thank you so much!

[@Elrykkstorm]

Your commitment and dedication to doing things the right way easily shine through. Great content! Extremely helpful.

[@sharonyeunkim]

Thank you, I really appreciate it and thank you for watching :)

[@ishwarigarge9731]

Hey Sharon! Love this detailed breakdown. Would love to see a video specifically on organizing figma files.

[@thatthebee]

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.

[@sharonyeunkim]

This is so thoughtful!!! Thank YOU for watching! I want nothing more than to give the best advice I can after transitioning myself ❤️🫶

[@peachyshrimp]

One of the best videos I’ve seen!

[@jayribagchi2182]

This is one of the best videos on building a UX case study! Thanks a ton!!!

[@sharonyeunkim]

🥹🥹 thank you for watching!

[@yannimabes154]

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!!!!

[@sharonyeunkim]

Yay! Glad you found it helpful :) all for transparent information ✨

[@ztiefanoel]

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.

[@Sakura-zu4rz]

I love the kind and generous heartwarming atmosphere that you create, your kind, easygoing, warm vibe. ❤

[@jah1ritalin]

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!

[@Ricardo-vv8sy]

That was - BY FAR - the best case study KZbin video I've seen. I'm definitely following you =)

[@sharonyeunkim]

Thank you Ricardo! Lmk if you have specific things you’d like to see.

[@wheresmycrackers]

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!

[@ahmedgafer7906]

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.

[@sharonyeunkim]

That’s interesting! You got it

[@DonCapalot01]

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😂😂

[@ikennagibson3933]

This is clean, informative and rich. Awesome job Sharon 👏🏻

[@sharonyeunkim]

Thank you Ikenna!

[@right4smr]

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 !! :)

[@sharonyeunkim]

congrats on your internship!!!

[@5gorsky]

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!

[@7250ARI]

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.

[@veenaacharya4284]

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

[@sharonyeunkim]

Thank you! Yes it’s also why I started mentoring on Mentorcruise :)

[@mayonara6295]

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!

[@sharonyeunkim]

Oo that’s a great idea! Noted! And thank you :)

[@marizaa9317]

The one scroll rule is a great tip

[@joshdartist]

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 ! :)

[@sheroukosama99]

thanks sharon this helps me alot , you're definitely my fav yt channel from now on ♥

[@aleksandrastachowicz3150]

Amazing and very helpful! Where can I find password to open Figma file and see your portfolio?

[@snehasood1549]

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!

[@JniqueProductions]

This video is very helpful, thank you !

[@mariaberdichevsky3200]

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.

[@sharonyeunkim]

Wow thank you so much for the support!!!

[@sharonyeunkim]

What else would u like to see?

[@bibbit0]

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.

[@sharonyeunkim]

exactly! You want to make your design as easy to see as possible :)

[@aiwillsurvaiv]

This is absolutely amazinggg!! I really love the content and effort that you put into this project!! Keep up the good work

[@sharonyeunkim]

Thank you! Hope you found it helpful!!

[@ericaux]

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.

[@mrzachblk]

This was so helpful! Thank you for creating this video! I have not touched my portfolio in a few years; this is very helpful!

[@edithyim1126]

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! 💪🏻

[@sharonyeunkim]

Looking forward! Yes do keep in touch :))

[@sharonyeunkim]

Sent you a LinkedIn request!

[@mertfatihh]

You have provided great information on how to create my Case Study, thank you very much for your hard work!

[@Sonyj88]

Nice tips! Thank you so much Sharon❤️

[@aaap3875]

This is literally GOLD Thank you so much

[@sharonyeunkim]

Haha thank you for thinking that way!

[@aaap3875]

@@sharonyeunkim I want to work at FAANG too! This is inspirational. I'm in bootcamp now. Did you end up at Amazon?

[@angelic_baller]

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?

[@victormelo7472]

Loved your video, great information and explanation. Thank you so much!

[@kamertonaudiophileplayer847]

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.

[@shaniekae]

Thanks so much for this! I’m currently working on my first case study and I’ve been struggling with how to structure it.

[@urim0831]

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!

[@tiffany3255]

Thank you Sharon! So insightful ❤️

[@creatoratplay]

This is very helpful. Thank you!!

[@fromtheotherlane369]

This is gold. Thank you so much!

[@dishakhatwani3836]

This was so helpful! Thank you so muchhh. 🙌☺

[@kiffsimon-pm6ix]

Thank you

[@sharonyeunkim]

My pleasure ❤️

[@SargunSawhney]

Hi Sharon, super guide and very informative! Could I get the password to your portfolio to take a look at it for inspiration?

[@suphaangansabanathan6071]

This is gold!!!! Thank you

[@ladyofgrandfoodtour]

This is amazing, thank you.

[@kakarlapudisrithanuja3419]

Great video ,its really helpful👍

[@leslie8]

Thanks heaps Sharon.

[@SebastianGonzalez-jm9kw]

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!

[@earthumbrella]

Great stuff! Inspiring!

[@Jaaric]

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.

[@bhavana6217]

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

[@sharonyeunkim]

I’ll make a video on this! Perhaps do you mean if you want to self teach? Lmk so I can put something together :)

[@bhavana6217]

@@sharonyeunkim Yes! I'm self-learning without a bootcamp :)

[@sugaudacity]

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

[@sharonyeunkim]

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.

[@pashionuchenna840]

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?

[@sharonyeunkim]

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

[@bhagyalakshmi-gv2hg]

Thanks for this❣

[@SaraswotiProduction]

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. .

[@bomaster4665]

Hey Sharon! Could you do a video on what to wear at big FAANG companies?

[@sharonyeunkim]

Think casual coffee chat with someone you’re meeting for the first time

[@macklemark]

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.

[@sharonyeunkim]

hey thanks for letting me know! Yeah, it was just a bug- fixed now :) thanks!

[@pawankumaruxui7026]

hey Sharon, can u please share some template link its very helpfully .

[@modupeikimot2049]

This is really great… thanks. Please what frame size would you recommend I design my slides before uploading to squarespace ?

[@srishtirana4138]

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.

[@Ralphunreal]

Can you make a video on finding personal projects to work on?

[@consciousnessexplorer3549]

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 !

[@sugaudacity]

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 :)

[@sharonyeunkim]

Hey! I did it on square space. And to make my exact portfolio it’s on my channel!!

[@sugaudacity]

@@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- )

[@sharonyeunkim]

@@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

[@tsenguunchinzorig3908]

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!

[@sharonyeunkim]

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

[@naomiweiler1562]

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 !! :)

[@sharonyeunkim]

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

[@martapitadelgado6425]

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

[@UXDesire]

Qual a senha do projeto do figma ? Não permite acesso ? Seu portfolio também esta restrito ?

[@FaithObadun]

Hey Sharon, I was just wondering what website do you have your case study on? And your portfolio on?

[@FJB6987]

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 !

[@ledong4152]

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!

[@Valstick]

Hi! Just watched a few videos and noticed you spell competitive wrong lol but great videos regardless! :)

[@zelialai]

How did you make the scroll back to top red? :D

[@estrellasjournal]

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?

[@sheebasandhiya5759]

@sharonyeunkim Amazing video Sharon. By the way we couldn't view your portfolio. It shows private site.

[@sharonyeunkim]

I’m redoing my portfolio website :) hope to be up by the new year.

[@airaashukla2526]

Hey, its asking me for a password to open the figma file

[@UXDesire]

Does your portfolio require a password to view it? Is this normal? Can you give access?

[@Germ26]

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. 😊

[@JosephGulizia-p9t]

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?

[@sharonyeunkim]

Hello yes! Working on it as there have been some issues. Hoping to release it again soon.

[@yasinnabi]

You always have an excuse that stops you from starting a business, Then you are the one to demolish the excuses and get started ! a fellow creator';;';';'

[@paralyze.voice10]

the portfolio has password. 🥲 why did you put the password? and how? (not being rude just curious)

[@gracepollok291]

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!

[@sharonyeunkim]

It’s in the description box!

[@ramyab2606]

thank you so much, Sharon! this helps a lot! can you please provide the link for the Figma file, I could not find it in the description as mentioned in the video?

[@sharonyeunkim]

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

[@ramyab2606]

@@sharonyeunkimthank you so much! I am trying to add the mockups from Figma to Wix ,and it is blurry even after exporting at 3X png format.I spoke to wix customer care and they asked to upload the mockups at 2500 pexels resolution.My images are mostly at 1400 after exporting it at 4X.I dont know where am i doing wrong.Can you advise me anything on this?

[@s34k34]

Hi Sharon, When making your case study slide deck for Onnit, did you design each presentation slide in Figma, then save as an image/ other format and place them in Google slides? I'm trying to find the most efficient route where I can design a beautiful case study and have it in slide form but also easily adapt it to my portfolio website. Thank you!

[@s34k34]

All your videos are gold. I really appreciate them x

[@claireogrady629]

What platform do you use to make your case study - is it directly on Squarespace, or do you import it / link it from somewhere else?

[@sharonyeunkim]

Fleshed it out on Google docs first- then after 4(?) iterations on G Docs (till the point I was happy with it) I transferred it to Squarwspace

[@kaitlinstedtefeld]

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 KZbin searching for days and can't figure it out. I have screen recordings of my prototypes but I am stuck! :/

[@consciousnessexplorer3549]

I’m trying to figure it out myself too :( Could you share an app or a program that you used to video record prototypes ?

[@kaitlinstedtefeld]

@@consciousnessexplorer3549 This video saved me kzbin.info/www/bejne/g6e9moOPitF7Z8U 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! 👏🏾

[@Kaling127]

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!!

[@sharonyeunkim]

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

[@sharonyeunkim]

I’ll give a tutorial on gif loop animations :)

[@Kaling127]

@@sharonyeunkim Thanks Sharon! I made 2x case studies on Figma so far but wasn't sure if I should just add the prototype link.. ;)

[@Kaling127]

@@sharonyeunkim Thank you and looking forward to your gif loop tutorial!!

[@Handfuloftoast]

What resource did you use for phone mockups?

[@mazaakobeatz7407]

i tried to see your site and there is a password have u done it on purpose??? And By the way thanks for the video

[@labbie1148]

Sharon do you need coding skills to make this squarespace website? I have 0 zero knowledge

[@sharonyeunkim]

You don’t need to know how to code at all! Although in general knowing how to code is useful in general and I WOULD recommend learning it- even if it’s just the basics

[@labbie1148]

감사합니다 ❤

[@heywhy8751]

can you show us every day plugins or tools u used for ur work....?

[@sharonyeunkim]

Yes :) pretty much Figma 90% of the time lol

[@heywhy8751]

@@sharonyeunkim sometimes those extra 10% separates you from the rest of crowds....still interested in knowing those tools.

[@statusquoreject]

For the visual slides you made in figma with the app images and text blocks with the colored backgrounds you used to make those sections of the case study more visually appealing and stand out… how do they scale when viewed on a mobile device? I tried doing the same thing but when inserting those figma files as jpegs/pngs Squarespace isn’t able to scale them properly since they’re one whole image. Often some of the text or image will be cropped out or not be able to be centered properly. Do you not account for responsive mobile scaling? If you have a fix for this please let me know

[@sharonyeunkim]

Hey! Not too sure what you mean but I did primarily focus it for the web experience- so I see how the experience wouldn’t be as ideal on mobile. If I were you, perhaps I’d play more with the cropping of the JPEG so they can fit better both web and mobile…

[@statusquoreject]

@@sharonyeunkim hey thanks so much for the reply. What you suggest makes sense and is helpful. I was having a hard time trying to get what looks good on a desktop/web to also work on a mobile. If I had an image/logo that looked great on when viewing on a desktop, it would get cropped weirdly when being scaled down for a mobile phone & if the image had any text or vectors graphics things would become cropped out of the frame or too small to read. Shrinking and cropping images down to a size where they will still scale properly seems like the way to go and I noticed from you figma files you did the same thing and used an iPad frame size from figma to create your visuals which seems to scale down uniformly. I tried viewing your portfolio website on my phone and noticed everything scaled down properly and stuff that was too small to read can be enlarged by pinch to zoom so I’ll go ahead and try the same approach as you did. Thanks for making the video you did and linking all the helpful figma files in your portfolio. You did a great job and have one of the most helpful videos out there. Keep up the great work!

[@balob]

how do you get the figma prototype to show up? I got paywalled earlier when I tried to do it on squarespace.

[@sharonyeunkim]

I believe it’s a plug-in. I remember YouTubing this

[@balob]

@@sharonyeunkim as in you covered it already or you searched it? any idea what hte plugin is called?

[@AkshayPanzade]

you give us link but not password please give us a password

[@spaceinsane2965]

Whats the password for your portfolio Website

[@frenchzer4787]

Je t'aime ! :)

[@sharonyeunkim]

💗

[@JuliaBoateng]

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!

[@sharonyeunkim]

You are def right to focus on visuals as a more UI designer.