erinkate
erinkate
  • 11
  • 83 079
UX Case Study Tutorial | Build a junior UX case study with me | UX portfolio website
This is how I create UX Case Studies in Squarespace. Follow along for a how-to tutorial and by the end of this video you'll have your first case study created on your UX portfolio website!
👀 Related videos you may like:
How to create your first UX design portfolio website | Step-by-step tutorial (no code) ua-cam.com/video/wK2wmuwVGVE/v-deo.htmlsi=BgS1aEEZOHH_sMH9
How to build a UX design case study for Beginners | Step-by-step guide + walkthrough | Free template ua-cam.com/video/bSWFzzT2CcM/v-deo.htmlsi=_wHKwFKJ8dvIuwjj
Level up your UX case studies in under 12 minutes! free Figma mockups template ua-cam.com/video/JcSZ2e5cZOA/v-deo.htmlsi=_EzqlS1ZAu9iv1EC
🎉 Free resources: superpeer.com/erinkate
1:1 mentor sessions: superpeer.com/erinkate ✿
💫 If you're new here
Welcome! I really enjoy making videos and mentoring others to help them break into the world of UX design, embrace a healthier work/life balance, and navigate how to plot, plan, and achieve working remotely, from home (or a hotel, or a van, or a beach) and make a good salary doing it. Subscribe to my channel to stay up to date on new videos to help YOU become a UX designer :)
//Chapters
0:00 Hello!
0:15 Portfolio Website
1:15 The junior case study we will be building
3:40 Let’s get started…!
4:43 Template for case studies
15:45 Organizing sections
25:20 Building data visuals into our site
34:45 Scaling images in Figma to fit website/exporting
47:55 Videos in case studies
48:55 Showcasing design system work
52:20 Overview of our compelted case study
53:30 Final thoughts
🏹 2,183
Переглядів: 3 400

Відео

How to create your first UX design portfolio website | Step-by-step tutorial (no code)
Переглядів 2 тис.7 місяців тому
#website #squarespacetutorial #uxdesignportfolio In this video tutorial, I'll take you step-by-step through the process of creating a UX design portfolio website using Squarespace. In less than one hour, you will have your UX design portfolio website set up and ready to use for your own UX case studies. I used Squarespace to create my first UX portfolio during my bootcamp (and have used it to c...
Junior UX Designer Case Study Review | DO THIS, NOT THAT!!
Переглядів 2,6 тис.Рік тому
Are you a budding UX designer eager to elevate your skills and create captivating case studies? Join me in this comprehensive video, where I conduct a detailed review of a beginner UX designer's case study. Learn essential tips, techniques, and best practices that will empower you to enhance your own UX projects and stand out in the competitive design industry. 📚 Real Examples, Real Insights: F...
Level up your UX case studies in under 12 minutes! free Figma mockups template
Переглядів 4,3 тис.Рік тому
Welcome to my UA-cam video on creating mockups for your UX case studies and portfolios in under 12 minutes! In this tutorial, I will show you a step-by-step process using a free Figma template. Follow along as I guide you through the entire workflow to help you enhance your UX design presentations. 😊 Work with Me: 1:1 mentoring sessions superpeer.com/erinkate 🎨 Free Figma Template Link: www.fig...
CAREERFOUNDRY UX Bootcamp Review | honest experience and tips for success
Переглядів 566Рік тому
DISCOUNT for CareerFoundry: careerfoundry.com/en/referral_registrations/new?referral=REmeePEW Are you considering a career in UX design? In this video, I dive into CareerFoundry's UX Design Program (aka- Bootcamp). Join me as I provide an honest and comprehensive review of the program, covering everything from the cost to the curriculum and career outcomes. I'll also share valuable tips and str...
How to build a UX design case study for Beginners | Step-by-step guide + walkthrough | Free template
Переглядів 26 тис.Рік тому
Are you a beginner in UX design looking to create a high-performing case study? Come with me on a step-by-step walk-through video, where I'll guide you through the process of creating an effective UX design case study from start to finish. Discover key strategies, best practices, and practical tips to showcase your skills and impress potential employers. I'll lay out the structure for the diffe...
5 Easy (FREE) Steps to Become a UX Designer in 2022!
Переглядів 1,3 тис.2 роки тому
Sometimes the hardest part is taking the first step! If you've been wanting to learn more about how to become a UX designer this year in 2022- this is for you. In this video I will present 5 easy actionable steps to help you learn the skills needed to enter into the UX design career field, build a portfolio for job applications, and build confidence with in-demand design tools. 😊 Work with Me: ...
My First UX Design Portfolio - that landed me my first job! Advice for Beginners
Переглядів 39 тис.2 роки тому
In this video I share my first UX design portfolio website. This website helped me to land my first professional UX design job. I'll show you my portfolio website - unedited - and walk you through the case studies I used to launch my UX design professional career. I'll also give you my best advice for new designer and beginners to help you break through the obstacle of crafting your own portfol...
10 Simple Steps to get a UX Design job FAST | Step-by-step advice for new designers
Переглядів 2,6 тис.2 роки тому
Get hired for your first professional UI/UX job with these 10 simple-to-follow steps. In this video, I’ll break down the exact job application process I used to get hired for my first professional UX design job in less than 6 weeks. We will take a look at what profiles are really necessary to expedite your success, how to best optimize your application materials, and we will also do a brief wal...
How to be a better UX designer | 4 easy action steps
Переглядів 6432 роки тому
Want to feel more confident in your UX Design career journey? In this video I’ll be sharing 4 really easy-to-apply tips for beginner UX designers to help them start thinking like a professional designer and land their first design jobs. Thinking about a career transition to UX/UI Design? What kind of obstacles are you facing? Let me know in the comments below- I will do my best to answer your q...
What is UX Design vs UI Design? Guide for Beginners + How to get started for FREE
Переглядів 5562 роки тому
What is the difference between UX and UI design? What are the main job differences between a user experience designer and user interface designer? In this video, we explore these two profitable design roles (including which pays more!). We will delve into technical key points, responsibilities, similarities and differences. This video is also full of practical, real life examples of UX and UI d...

КОМЕНТАРІ

  • @KavyaBoinasetty
    @KavyaBoinasetty 7 днів тому

    Hey hi erin kate, i am kavya from india and i am a self tought learner. i want to learn uiux . i like your teaching 🥰, you are explaining everything superb and no one do videos like this in detail.your videos gives me hope that i can learn from u. can you do videos on ux and also ui,and i have doubt in this video that you have template in figma right...in that figma file you have resourses and ui designs how do you do that ...can you upload all types of uiux design related videos.by listening your videos i want to get my first fresher job .can you plz do that for us....

  • @JenkinsRudolf-c6k
    @JenkinsRudolf-c6k 8 днів тому

    Garcia Carol Lopez Laura Smith Linda

  • @inmyveil
    @inmyveil 19 днів тому

    This is a must watch video for anyone trying to start their own case study. I definitely definitely recommend. Thank you so much for this video. it is so explanatory and easy to follow and understand and very useful

  • @ambrogiolorenzetti4628
    @ambrogiolorenzetti4628 24 дні тому

    Thank you so much Tr. Kate. Your explanations are very clear and short to the point. Thanks so much

  • @smyeasinarafat-g9v
    @smyeasinarafat-g9v 27 днів тому

    hello erinkate i need a guide for case study could you please guide me, is it possible for you?

  • @ajaljose-uo3jr
    @ajaljose-uo3jr Місяць тому

    Why didn't you add the method of how you brainstorm ideas after doing research? Also no user flows and IA in your case study.

  • @ishtiaqahmadchy5847
    @ishtiaqahmadchy5847 Місяць тому

    Nice

  • @ishtiaqahmadchy5847
    @ishtiaqahmadchy5847 Місяць тому

    Can i get your Facebook I'd, or page

  • @Throttler-xf3ls
    @Throttler-xf3ls Місяць тому

    This was absolutely on-point✋🔥

  • @Wadepenn_
    @Wadepenn_ Місяць тому

    thank you for this, really was lost on how to start a case study and it helped a lot.

  • @ekalogray
    @ekalogray 2 місяці тому

    Would you be open to review mine? This is so useful!!

    • @imerinkate
      @imerinkate 2 місяці тому

      Hey there! Please send yours to helloerinkate@gmail.com and I’ll take a look :)

  • @toryaki1282
    @toryaki1282 2 місяці тому

    Around how many screens should I design for my first case study? Amazing video, I keep coming back to refer to it- definitely the best one I’ve seen in this topic. Thank you so much!

    • @imerinkate
      @imerinkate 2 місяці тому

      I’d focus less on a number of screens and more on the story- if it’s a flow (ex: booking a flight) make sure the screens can tell the full user journey. Case studies can also be super simple and have only a couple of screens- creating a filter for ecom would be a good example of this. So, to answer your question, it really does vary on what the case study focused on- but be sure the visuals you include really help the reader understand the story

    • @toryaki1282
      @toryaki1282 2 місяці тому

      @@imerinkate wow, thank you so much for the detailed reply! I’m a college Freshman just starting my UX journey now, and I’ll be honest I’ve probably learned more from watching and rewatching your videos than any of my classes haha. Thank you so much for all you do! I hate to be a pain but I just had one other question- I’m currently taking the google UX certificate and im working on a case study for a full e-commerce app. This was the one of the options for a case study in the certificate. Would you recommend only highlighting certain features of the app to narrow the scope a little bit, or have a full prototype of all the app’s features? The app is fictional, so I am not sure. No need to answer that though, only if you get the chance- you have already helped more than enough. Thank you so much!!

  • @bingbangboomxx
    @bingbangboomxx 2 місяці тому

    Is it me or did the screen share get dark?

  • @dalebauer2398
    @dalebauer2398 2 місяці тому

    You shut it down. Everything you said made perfect sense. Thank you for this video. There is no better explainer video than this. Fo real.

  • @kazzvirtudez2187
    @kazzvirtudez2187 2 місяці тому

    thank you so much for your guidance! you make the ui/ux design journey less intimidating than it seems.

  • @m-yi5yl
    @m-yi5yl 2 місяці тому

    thanks a lot

  • @FRESHxLEMONxSLICES
    @FRESHxLEMONxSLICES 3 місяці тому

    Thank you so much, you are awesome 🌼

  • @nysunra
    @nysunra 3 місяці тому

    Speed 1.25x

  • @chiamakavictoria7668
    @chiamakavictoria7668 3 місяці тому

    Hi thank you for the video. I need the resources of the portfoio

  • @j.anchanajegath7823
    @j.anchanajegath7823 3 місяці тому

    Thank u for this video. I was creating a case study, this was really helpful

  • @sharonlilyux
    @sharonlilyux 4 місяці тому

    Hey! Thank you so much for this ❤ by the way totally don't mind if the videos are long

  • @senpaisama6167
    @senpaisama6167 4 місяці тому

    Cootness overload❤❤

  • @senpaisama6167
    @senpaisama6167 4 місяці тому

    Maam listen to me. You're hot😮😮

  • @leonardofabbri3040
    @leonardofabbri3040 4 місяці тому

    Exactly what I was looking for! Thank you so much for your help

  • @aurora0970591381
    @aurora0970591381 4 місяці тому

    Thanks for sharing!! It helps me a lot 🥹💙

  • @kudratvirdi6243
    @kudratvirdi6243 4 місяці тому

    Hey! I loved your video. This was probably the only video that provided a roadmap. However, I have a question. As a complete beginner in UX design, how do I choose case studies? Can it be hypothetical because I have not done any real-life projects for any client? Hypothetical in a way that I just choose any app and identify a problem with it and then work on it? I am just stuck here. Your input would be great. Hope to get a reply from you! Thanks a lot xx

  • @ReynardNathaniel
    @ReynardNathaniel 4 місяці тому

    anyone ever told u that u looks like jennifer morrison?

    • @imerinkate
      @imerinkate 3 місяці тому

      Hadn’t gotten that before!

  • @IrishKyokushin
    @IrishKyokushin 5 місяців тому

    How should someone looking to become a UI designer structure their cast studies?

    • @imerinkate
      @imerinkate 5 місяців тому

      Firstly, I’d really consider if you want to niche yourself in UI (without UX). The job market is really competitive and having both skills opens up more roles to apply to. Secondly, when creating a UI case study you really want to focus on telling the story/journey of the product’s evolution and articulate why you made the UI decisions that you made. Be sure to incorporate things like who you are designing for and how that impacted your decisions, any pre-existing product data that may have played a role in decision making, designing for accessibility, if you based your designs on any guidelines, etc. Then, drive home how your UI designs had an impact on the company/KPIs etc.

    • @IrishKyokushin
      @IrishKyokushin 5 місяців тому

      @@imerinkate Thanks Erin. I'm currently doing a Graphics Design with UX elements. Definitely pays to be versatile. Sometimes it seems like an employer wants you to be all three.

  • @niloosam5398
    @niloosam5398 5 місяців тому

    pls make a video for creatin dribbble or linkedin profile

  • @anushkayadav7035
    @anushkayadav7035 5 місяців тому

    Where to create case study? In figma?

    • @imerinkate
      @imerinkate 5 місяців тому

      Hello, I like to create my first draft in Figma then I use that to build it out in a website builder (I use Squarespace).

  • @Layfizzi1
    @Layfizzi1 5 місяців тому

    You're a godsend, Erin; thanks so much for this. 🙏🏾 It was really helpful x

    • @imerinkate
      @imerinkate 5 місяців тому

      Happy to hear that :)

  • @Yashsharma-xd5gd
    @Yashsharma-xd5gd 5 місяців тому

    Thankyou for the template.

  • @UXDEVIKA
    @UXDEVIKA 6 місяців тому

    Helpful❤ but the video doesn't have enough sound🥲

  • @divsoni3254
    @divsoni3254 6 місяців тому

    Hello Kate, If we dont know about problem statement, how we can identify it?

    • @imerinkate
      @imerinkate 5 місяців тому

      If you don’t know a problem statement- ask yourself- what is the gap you are filling with your product / what is the issue you are solving with your design?

  • @yuliyamatsko3400
    @yuliyamatsko3400 6 місяців тому

    Where is the best find templates for mockups?

    • @imerinkate
      @imerinkate 6 місяців тому

      Hey! Figma community is a great place to find mock-ups and templates.

  • @loomonda18
    @loomonda18 6 місяців тому

    Super helpful thanks!!!

  • @aradiarose
    @aradiarose 6 місяців тому

    What a great resource! However, I think beginners should probably at least have taken some general courses before really diving into this video. It's a bit fast-paced and there is a lot of lingo that could use some pause and elaboration (wireframes, affinity mapping, SWOT, etc), but I am thankful for this template and for you to have taken some time to do this!

  • @maryanarudyk1474
    @maryanarudyk1474 6 місяців тому

    Can you please share your UX portfolio? Thank you!!

    • @imerinkate
      @imerinkate 6 місяців тому

      Hey there! A lot of my projects are NDA so I only review with hiring teams. My website is www.erinkateuxui.com (hasn’t really been updated in a few years) :)

  • @lylaeditz
    @lylaeditz 6 місяців тому

    Can you teach me ui more elaborate akka

  • @NesrineBourdache
    @NesrineBourdache 6 місяців тому

    right time

  • @harshadrokade8563
    @harshadrokade8563 6 місяців тому

    Thanks for sharing erinkate , this was really needed 😊

  • @shubhamsandillyablog
    @shubhamsandillyablog 7 місяців тому

    but why you're recording like that you can use OBS studio and its free to use. By the Way, Thanks :)

    • @imerinkate
      @imerinkate 7 місяців тому

      I'm not familiar with this. I was using Loom. How is OBS better in your opinion?

    • @QuintonMcReynolds
      @QuintonMcReynolds 7 місяців тому

      @@imerinkate way better

    • @shubhamsandillyablog
      @shubhamsandillyablog 7 місяців тому

      Yes, easy to use and don't shows screen recording like icons, just setup in OBS and gtg @@imerinkate

    • @bbyhillary
      @bbyhillary 7 місяців тому

      OBS or SLOBS is used to live stream on twitch and youtube and is a great option to record too@@imerinkate

  • @QuintonMcReynolds
    @QuintonMcReynolds 7 місяців тому

    The music to loud

    • @imerinkate
      @imerinkate 7 місяців тому

      Thanks for that feedback. I will definitely tune it down in my next video. My ears didn't pick up the volume 😳

    • @kareynjeri3982
      @kareynjeri3982 7 місяців тому

      i would prefer without the background music , otherwise i learnt alot . Thanks @@imerinkate

    • @imerinkate
      @imerinkate 7 місяців тому

      Thanks for the feedback. Will turn down the music next time for sure.@@kareynjeri3982

  • @samainrome
    @samainrome 7 місяців тому

    Enjoyed it, thank you🤩

    • @imerinkate
      @imerinkate 7 місяців тому

      Glad you enjoyed it!

  • @CaliGrace35
    @CaliGrace35 7 місяців тому

    Very helpful.

    • @imerinkate
      @imerinkate 7 місяців тому

      Glad I could help!

  • @uriellatagnipes2792
    @uriellatagnipes2792 7 місяців тому

    I hope this will help me in my upcoming project. Thank you for sharing ❤❤

    • @imerinkate
      @imerinkate 7 місяців тому

      You’re welcome 😊 good luck!

  • @isivaasanaru5643
    @isivaasanaru5643 8 місяців тому

    Great video! I'm in the process of making my first-ever case study and it just happens to be in SquareSpace, too! Would love to see more of how to utilize SquareSpace the best way as I'm new to it.

    • @imerinkate
      @imerinkate 8 місяців тому

      Excited for you! Yes, this is a video I hope to do soon… have just been busy with my job. Filtering their templates down to portfolios and choosing one with a nice header and cards featuring your work is a good place to start :)

  • @AsrafulIslam-fi7eb
    @AsrafulIslam-fi7eb 9 місяців тому

    This was really helpful. Thank you so much Kate, for taking the time to make those suggestions.

    • @imerinkate
      @imerinkate 9 місяців тому

      You're so welcome!

  • @nirjachaudhary1131
    @nirjachaudhary1131 10 місяців тому

    Hey, does any of the fellow Uxers know how to show that visuals of high fidelity mockup I’m having trouble knowing how to bring it into action Help me with it if anybody if familiar with it

    • @imerinkate
      @imerinkate 10 місяців тому

      Hey! This may help ua-cam.com/video/JcSZ2e5cZOA/v-deo.htmlsi=iJTUZEpLxNSrBUbU

  • @zeadmohamedessa1096
    @zeadmohamedessa1096 10 місяців тому

    THANKS Erin ,,,,,, it was fantastic,,,, good job

    • @imerinkate
      @imerinkate 10 місяців тому

      Glad you found it helpful!