UX Portfolio: How to create a UX Design Case Study
ฝัง
- เผยแพร่เมื่อ 19 มิ.ย. 2024
- Get $1000 off Springboard’s UI/UX Design Career Track or UX Design Career Track with my code: AlienaCai
Link to the UI/UX Career Track: bit.ly/3qS46xw
Link to the UX Career Track:bit.ly/3qSk0rv
Fast track UX course (featured in Forbes): fasttrackux.com
This video takes you through my step-by-step process of writing up a UX design case study in a UX portfolio.
Squarespace: squarespace.syuh.net/aliena
Intro: (0:00)
Step 1. Revisit and reorganize design files: (1:02)
Step 2. Write an outline: (01:52)
Step 3. Build design assets: (03:00)
Step 4. Write up paragraphs: (03:56)
Step 5. Put everything on a website: (05:00)
Outro: (17:10)
Couldn't stop watching your videos! Thank you for sharing your experience!
Omg this was VERY helpful! Thank you so much. I love watching all of your videos!
Thank goodness I found your video! This is very insightful to me since I do really want to know more about UX/UI Designer. I'm literally a newbie, it's still a long way for me to be familiar in this field and hoping soon I can build my portfolio.
Thank you so much ❤❤❤❤❤
Hi! There is an option of section height and width for each section in squarespace. You can adjust the spacing by single click (pencil icon= for editing the section) instead of adding spacers to save time and to make it responsive for mobile version too :)
Greetings! I love your content, plus you have an awesome personality. Glad to have found your channel/content, it has come in very handy at this stage of my career. I'm currently taking the Google UX certificate course too. keep up the great work.
Thank you so much for this video! It’s very helpful ❤️
Oh my god you made my life so easy. I love you for your efforts ❤
U are the best ! Clear logic , easy to follow, not overwhelming, thank you so much! :)
Thank you too
Thank you for the video Aliena definitely picked up few insights looking forward to learn more from you. Great work keep going🔥
Thank you! Will do!
Thank you for your awsome video, it's very useful for me
you’ve made my day by uploading this video 🥺, thank you so much for all you do
You are so welcome ❤️❤️ Thank you so much for giving supportive comments all the time! 🥺
Absolutely awesome video, Aliena! I'm in the process of updating my portfolio right now, and this is SUPER helpful. Very inspiring, thank you!
Thank you so much for the support 🙌
this video was very useful as I'm in the midst of updating my portfolio! thank you Aliena :)
Glad it was helpful!
Great work Aliena 👍
Wow!
This is a great video.
Thanks Aliena 🥰
It was really helpful.
Glad it was helpful!
Thanks for making this video! It’s open my eye to revise my portfolio.
Glad it was helpful! All the best 🙌
Hi Aliena!
Thank you so much for this video, I'm working on my Google UX Case study and in the hi-fi prototype stage and was really confused on how would I make it all look interesting. This has been a great guide for me. Thank you :)
Glad it was helpful! Creating high quality hi-fi prototype takes a lot of practice. I suggest you to also check out how other apps/websites have in their design 👍
Hi Aliena, just wanted to say thank you so much for making this video. I was really struggling to understand how to create a UX case study, being primarily a visual learner. However, your video (and visuals) made it so much easier to understand the process! Keep up the great content! :)
Glad it was helpful!
thank you so much for this!
New subscriber! I’m in the ideation section of Ux right now, and I feel like my case study needs a lot of work. Thanks to your video I know where I need to improve with my case study!
You got this!
Thanks Aliena, your videos are very helpful, especially to someone like me navigating my way, learning on my own while trying desperately to figure out the best pay to showcase my work.
Thanks again
Thank you!
Thank you sooo much for making this video! I have been going crazy trying to find a video on how to create a case study but every video either glosses over the technical step by step tutorial or they just talk about what to put in it. This is exactly what I was looking for. I'm currently taking Springboard and they unfortunately don't show you how to create a case study just what to put in it :(
Glad it was helpful! I'm aware that most online courses and bootcamps don't teach you how to put together a case study. It also took me a really long time to figure it out and to put this video together, because it's risky to show someone a "right" way to do it since no two projects are the same. I'm really glad that my video is helpful for you and let me know if you have more questions ❤️ Have fun with bootcamp and portfolio building!
This was the most helpful video on case study and portfolio building that I’ve watched!
Thank you sooo much for this ! This the most helpful video I found.
I'm so glad!
Thank you very much for Ur work and Ur videos. : ) It is really helpful. Good luck for the future. 🙏
Thank you!
Cool, great video to consume my knowledge about UIUX. thanks!
Glad it was helpful!
Aliena, I followed you from blibli to here. I feel that the videos posted here are more comprehensive. it's so glad to find you online. You have the ability to clearly point out the pain points of changing careers and propose solutions, and for some problems It’s all selfless sharing. Thank you so much. Now I’m taking the UX course and plan to change careers. I hope to see your video sharing all the time. Please continue to stick to this meaningful thing~
Thank you so so much for your kind words! My bilibili is so trash because of the translation issue 😂 I'll make it better one day! For now, I'll focus on TH-cam and yes, more meaningful things coming in.
Did you ever end up working in UX?
You are hilarious! Loving your videos, great work. Thanks again.
Thanks for watching!
Great content! Thanks
I’m nearing the end of my ux boot camp and I have to finish all my case studies. This video helps a lot
You can do it!
@@AlienaCai Thx! Never saw this reply, sorry. But I legit have 12 days left before I'm done and I'm using your vids now more than ever!!
Appreciate your hard work for this video and showing us everything in detail. 🙌🏽
this helps me more
Thank you for this video!!!
Thank you for your comment!
Thank you for your wonderful videos
You are very welcome
Thank you. It help me a lot. 😊
You're welcome 😊
Thank you as always! im currently working on my very first project. Im on the 2nd course of Google's UX program. Ive been working on my site daily and Im excited to jump into Figma and start that part of the process!
You’re very welcome! I’m very happy for you 🥰🥰
omg sameeee. I’m on the 5th course.
@@sayoa.2532 wow! congrats!! you're so close to the finish line!!
Thanks for sharing 🥰
You are so welcome
I don't know if I can breathe a sigh of relief or want to give you a big HUG Aliena!!! Here I am 96% percent done in the Google Certification for UX Design and on the very lasttt assignment... trying to turn in my finished Portfolio! You are soo right in your previous video where there isn't a guide or step by step on how to build a portfolio (which really left me in a big stump) and I'm very fortunate to have found your videos! Soooo THANK YOUUU very much!!!
SAME! I've been struggling with the end of Google as well. Aliena is a lifesaver for sure :)
13:04 to 13:05 This is amazing😀
Thanks
Thank you :)
Thank you!
not a designer (more so a developer) but this video was amazing aliena. keep up the exceptional work 🙃⭐⭐⭐you are exceptional.
Wow, thank you!
Nice job! Thanks Alienaaa :D Keep Going! :3
Thank you 🥰🥰
@@AlienaCai How do do use emojis in Figma? I tried ctrl+ command+ space, it shows the emoji but it doesn't appear :'(, it only appears in the layout page :(
Very helpful ☺️☺️
I'm so glad!
Tysm! 🥰
Thanks for the comment 😄
Great video thanks Alena. Is square space free to use?
I like your humor 😅 it makes learning less intimidating
Ahaha I didn't recall planning to have humor when making this video. I'm so glad you like it 😄
Couple of things I'm wondering as a beginner If you feel like it you could answer through a video with examples which would be lovely! do you use premade components when wireframing? For example figma community has a lot of premade wireframing components, do you think its better to make your own when building an app or its better to use the premade ones? I think using premade ones saves time, do you use premade components at your job? Another one about design systems, when would you make your own design system and when would you use a well established design system such as material design from google? Thank you for this video btw! It was very informative!
These are great questions and I've note these down and might make a video on it. To answer your questions: 1) I don't use any pre-made wireframes component for wireframing. It's a personal choice, simply because I think the purpose of wireframing is to sketch out ideas asap and I don't try to make a wireframe look great. Hence, all I use are rectangles, circles, and text boxes with different shades of grey. 2) I make my design system when there's no pre-made design system (e.g., when I'm working on a personal project and when a startup don't have a design system yet.) However, I would sometimes borrow assets from bigger design systems, especially icons, to put into my own design system to save time. / I would stick to a larger design system only if I'm working for that company. E.g., if I'm working for Airbnb, I will use their design system from head to toe. But if I'm just building a personal project, I'm not going to make my app looks like another airbnb. That's a lot of words and I hope it kinda answers your questions 😊😊
Hi Aliena, I really love your channel and the content you share with us. I switched from graphic design to UX because I was wondering but also because of you. Actually I had questions regarding the Usability Study part and how to find proper sample of participants. Could you like give us your personal recommendation of free/affordable usability study or testing tool please ? I’ve been trying to find good ones for a while as interviewing people around you could be tricky.
Maybe check out www.uxtweak.com/ I actually did all my usability studies with my friends/roommates and it worked since my products don't have extremely specific audience. If you want to become a UX designer, you don't have to focus too much on user testing. In fact the project that got me a job actually doesn't have any user testing because that startup I worked with didn't have the resource to do so, so I went ahead and presented how I made design decisions without direct user feedbcak. If you are taking courses, please do a user testing, and it's fine to do it with your friends 😄
Thanks for sharing this.
Could you please talk about handing over designs to developers and collaborating with PMs and other team members? Thanks
Thanks for the comment! I've noted down your suggestion 😊
Hi. thank you so much for this practical and useful tutorial. this is one of those issues that I had. like I know that I don't know something but I can't find a solution for it because I don't know exactly the question.😅 For example, I knew how to create a case study but I didn't exactly know how to create a portfolio and how to put my case study details on the portfolio. I don't know if it's because of my English ( cause it is not amazing) or that I'm inexperienced.
what do you think is the best option for someone who is looking for a free platform to showcase the portfolio? I live in Iran and because of financial issues and sanctions, I don't have many options. (Figma, PortfolioBox, Notion)
THANK YOU AGAIN AND GOOD LUCK WITH YOUR TH-cam CHANNEL.👏
Loving your content Aliena! Question - should I include my storyboards on my portfolio?
Hey there, for each case study, there's no need to showcase the process chronologically and there's also no need to showcase every step.
With that being said, it's helpful to showcase the important steps that drive important design decisions or iterations. If you are proud of the storyboards and it's something that helped to make the design decision, then include it. Otherwise there's no need 👍
i’m curious on how you show your finalized prototype in the last bit of your video. Does that button take you to another linked page that demonstrates all of your screen designs and navigation?
Hi Aliena :)
My question is, have you created all these things like Thumbnail, Persona, User journey etc. in figma by yourself or have used any template?
I am confused at this stage.
Thank you !!
Thanks for sharing, really helpful... just a little spelling error @2.19 under 'For the website' - bullet point number 4... Project... but thank you for going to the effort :)
Great vid Aliena. What website creator do you recommend using? Is squarespace the most popular one?
Thank you Kalvin! Squarespace's learning curve is not bad and it's great for first UX portfolio. However, I would also recommend to check out Webflow. Webflow is more advanced but might fit Senior designers need better.
Cool
Is your Fake case study portfolio still up for us to scroll through? I would love to get a better look at that structure. Your videos have been very helpful
I'm tempted to just rebrand my case studies form the google course 😄
go ahead! 😀😀
Thanks Aliena!
I have one question here.do we need to put our figma project file link for Prototyping or not??
Hi! When I add a block (to add image) it ways over the text. There is no "+" sign in between text. What did I do wrong?
Hello Aliena, what if i already created the case study and posted it on Behance, can i just post the slides of my case study here on Squarespace ?
Hey Aliena!
I’ve been subbed for a couple days and really appreciate you sharing your journey in ux.
I have one question!
When creating scenarios, how do we get the (15%) percent figures as solo designers like you mention in 4:47
This is a great great great question, I have to be honest with you that for new UXers, your first few projects may not be implemented or measured at all, so you have to estimate the number (that's fine to do) to emphasize your biggest impact/strength. Or else, you can leave out numbers and put quote from users (or people who participated in your user study). The idea is to emphasize that your design solved a problem/ led to an impact.
@@AlienaCai I appreciate you!
If I'm literally new, no projects yet, what kind of projects do you think is the best to do to land a UI/UX job? How do I approach a company to do collaboration for real life projects that can include in portfolio later if I have nothing to show/pitch to them in the first place? (Also, so far I have done the Instagram remake, wireframe, and design system from watching and followng your videos. Thank you for that.)
Hi Aliena I falling love with your videos amazing content
Was this done on Adobe behnace your portfolio
Do UI designers need to do all the steps? I learned that though UI and UX are relatively the same there are differences. Can you please advise what needs to be added and excluded if my specialty is UI designing? Also, I am a beginner meaning I have no collabs or clients. Instead, i am designing new apps or planning to redesign present apps for the experience. Do you recommend I complete my present project and upload it on online platforms like Behance? I am confused about my next step.
enjoyed the video thanks alot for this! Im a web developer and sometimes my clients want something fancy and i don't know where i can get some inspiration to build a UX that will make them happy.
I think figma is a nice place to go what you think?
Figma is a design tool where you can visualize some ideas. To find design inspirations, I still suggest you to look at different websites and apps or go on dribbble or Behance, two design platforms :)
is that linked in u are using?
Is your 'process' image at 9:00 supposed to say "Emphasize" or "Empathize"?
i have learned figma and xd etc , when it comes to prototyping , what software would you recommond to get a job , invision ? or any others u can suggest that most empoyers ask
Figma is just fine for prototyping too.
Can you share your square-space portfolio link?
Hello! I'm still new to the UI/UX field. Quick question, I am working on a menu preview app for a cafe and I wanted to ask if where should I get realistic images of coffee variants and also other food images?
Unsplash, Freepik.
And also wanted to ask did you did internship at google being a self taught and wanted to know your jounrney .
Hello Aliena, I am currently taking the Google UX design course but I need your advice. Do I start building my portfolio or wait till I finish the course?
I would suggest you to start building your portfolio after you finished the first project. That will help you to practice how to piece everything together and present it as a story 🙌 After you finish the course and look back to the portfolio you prepared now, you will probably hate it, but in a good way, because your design sense/skill will increase and that's the time where you can do another iteration on your first project both on its design and on the portfolio.
👍
May I know where you found the mockups? I really like the ones you used.
Search this in Figma community page: Flat iPhone Mockup 13/12/11/X/SE/8/7/6
@@AlienaCai Thank You, I appreciate it!
can you share a link to your example? that way its easier to see all your sections, please??
It's at alienadesign.squarespace.com/ and the password is ilovedesign (I'm on a free trial so the website may be expiring soon)
Do you have a link to where we can view the case study mentioned in this video
You can view it now at alienadesign.squarespace.com/ with password ilovedesign (I didn't pay for the domain so this will expire in a few days)
@@AlienaCai okay I see thank you !!!
Hi Aliena! The video is super informative however I am unable to do all these things like adding spacers, individual animation, etc. on my Squarespace website. Has the website been updated? coz these options are unavailable to me and the interface also looks a little different. I'm really lost. :( Could you help?
That’s weird😥 I was using the newest version actually. I suggest you to look up squarespace tutorial on TH-cam or directly ask their help team.
@@AlienaCai Hey. Idk how my boyfriend could figure it out. So it's working now. Thanks anyway :)
sister can u plz give me a advice? I just took a project management and ux design course certificate from Coursera by google. How can i get a junior level job atleast? I saw some videos on youtube they got jobs from those certifications. The main issue is in the resume what work experience I have to show ? cuz it will be my first time real-world job. plz give me some tips
If you don't have work experience, then highlight education and projects on resume 👍 Check out this channel too: wonsulting
can case study be anything as long as i upgrade it ?
Well it has to be your original project 😄
Is this Figma? Are you recommends some curse for beginners?
The design is done on Figma and the web is built on Squarespace. I recommend checking out Figma channel on TH-cam and checking out the Google UX course www.coursera.org/professional-certificates/google-ux-design?ranMID=40328&ranEAID=vgdR6kEGfog&ranSiteID=vgdR6kEGfog-ceSiuPAdulLi368lrKAmTQ&siteID=vgdR6kEGfog-ceSiuPAdulLi368lrKAmTQ&R6kEGfog
Taking the Google UX Course is probably a good idea, and the Figma channel can also help as Aliena suggested. I'd also recommend Dev Ed on TH-cam for Figma.
How to get the 'phone look' images polished with no crop edges
In Figma community page search mobile mock-up. Many explained it in the file. Usually you need to play around with where to place the layer of your design, or simply add a rounded corner to your design layer.
can Anybody suggest a good topics to start a case study.
No particular topic comes to mind, but try to identify a problem with existing products you use every day and then try to solve it. For example, you might find that choosing what video to watch on TH-cam is a problem, and that can be a UX project to take on.
My personal suggestion is that you have to choose a topic in which you are interested and you like to do that, like camping, shopping, workout, or anything you would like to do,
I want to see your currrnt portfolio .
Squarespace: squarespace.syuh.net/aliena
This video takes you through my step-by-step process of writing up a UX design case study and putting together a UX portfolio. I hope this is helpful ❤️ I also found a sponsor for today's video that could be helpful for many of you who's considering UX design bootcamp: Get $1000 off Springboard’s UI/UX Design Career Track or UX Design Career Track with my code: AlienaCai
Link to their UI/UX Career Track: bit.ly/3qS46xw
Link to their UX Career Track: bit.ly/3qSk0rv
thank you so much
the video is great but you haven't said anything about its paid subscription it's completely not for free I took a month and more to make my portfolio but I ended up in failure i cant share my portfolio please do mention in the video if it is not for free
is this square space free
Not really. I'm on a free trial while making this video. You still need to pay if you want it to be published on a customized domain :(
@@AlienaCai is there any way where we can make and domain portfolio website for free.
OR any other way to create portfolio for free?
@@durgeshchore8665 I'm not sure, but Heroku could be an option worth considering, however it might require some coding knowledge. I've used it during my Full-Stack Web Development Course.
Personally I'm considering doing my own website, but Heroku definitely could be a viable option for a portfolio. Perhaps Wix could also be worth considering, especially if you do not have prior coding knowledge. It also seems to be a viable option.
Best of luck!
If you have any questions, let me know, and I'll try and help when I get time.
Now you cant add spacer anymore
where is your panda??
Oh no I forgottttt