Hey Maddy, I'm nearing the end of the Google UX Course and preparing case studies is a real barrier for me in terms of presentation and design for Behance. I've been looking for someone like to for help so I'm glad I've found you and will be checking out your content!
This is so good. It has been a puzzle for me to publish my design in Behance in a very creative and professional way. I was just exporting my final design as an image (designed tool - Figma) and posting it in Behance. Whenever I do that, the image loses quality and ended up removing everything in Behance. And then I found your amazing video. Super duper thank you!
this is really cool! we used to have to publish our school projects on behance but i didn’t even know what a case study was so we were just posting final design images. this was really helpful!
your content is really valuable not only RUclips also your skillShare class; before joining your class i was struggling with my process on how to approach a project but after joining your class and watching RUclips videos i can say that i have improved a lot specifically in ux process, so big thank you for the content. please keep sharing . thank you :)
you did a really really great job! Congrats on that ... The way you tell every step and showed correspondingly it really motivated me and I also want to do a great job as you did
@@maddybeardUX I want to also you how you decided to do this project and if there is any specific inspiration behind it? Also, why did you choose to become a UX designer? Hope you answer this 🥺🥺
Thank you for the great tutorial! Would you mind explaining the next step? I’m wondering how I can export what I’ve made on Figma to SquareSpace? If you could explain that, it’d be a huge help. Thank you!
Aesthetically, everything flowed from top to bottom. Great work! Are you designing the artwork as well? Is there hope for those of us who can't design or use illustrator
I have heard that case studies should be more visual oriented than have too much writing since most recruiters and managers spend barely 2 minutes per case study during the hiring process. And the visuals should be understandable and depict the flow and purpose of the app so that the viewer doesn't have to scrutinize each paragraph. Can you please share your views on this?
Hey this is brilliant example I am writing my first case studies for mba program, But our seniors are suggesting to use microsoft powerpoint for one pager case study, but I think adobe xd can do better job.
Great Content! I am an aspiring UX/UI Designer and just looking to add some flair to my case studies on Behance and my Website too. Quick Question(s). Which might be silly. But how do you design your phone screens which shows your App Design? Is there a separate template or design program for this where you plug your Designed App Screen onto these phones/screens and then duplicate or warp them to your desired look? For example where you have those phone designs for Outcome @ 11:49 how do you design that?
Hey! Not a silly question at all! I created those in Photoshop! So I found photoshop iPhone mock-ups online and they sort of act as templates where you replace one layer with your screen design and it comes out looking like that :)
Hi Maddy, this content is gold as I am preparing my first case study now :) I don't know yet which platform I will be using for my portfolio (probably Squarespace/Wix) so I'm wondering if I can just create the study in XD for now and later upload the images into any of those websites? Or will I have to redesign the whole study according to the templates of those websites? So I guess my question is if I have to check upfront if my chosen site will support uploading the whole study as an image(like Webflow does, I suppose)? Thanks a lot!!
Hey Jenya! yay I'm so glad! :) Yes, you should definitely be able to upload all of your artboards as full-bleed images stacked on top of eachother in Squarespace or Wix! The method in this video is definitely geared towards Behance, but just like I've done you can definitely upload them to your personal site as well! Just be aware of responsiveness (text and other content that becomes too small on mobile, etc.) Hope that helps!
I really liked your video. I learned a great deal. You have the boards butting up to each other to see the flow and that’s a great idea. What I am curious to know is you have a design on some boards that flow/overlap onto another board. Is there a way of exporting the entire flow of the boards as one. Like a pdf of the entire design not the separate boards? Thanks
Hi Maddy, Thanks for the tutorial. I'm finding it really helpful! I just have one question about the images that overlap onto the next artboard. When I stack my artboards as you mention, and I have an image that bleeds out (I think that's how you called it in the comments :) onto the artboard below, when I export both of the artboards, the image can only be seen on the first artboard (where it exists as a layer). Do you have to copy and double place the image on the second artboard (as another layer) or am I missing something? Thanks for your help!
Yes, you're exactly right! You have to copy and paste it onto both artboards and line it up :) It's easy to line up though because you'll see both at a low opacity and just nudge it into place!
I absolutely love your design! Your explanation was very thorough and easy to follow. Two questions: Do you find for SEO purposes that placing images of your case study on Behance instead of text, hurts your findability? Also, this could not be an issue, but I find myself using Ctrl + F to scan a website. This function isn't able to be used, have you heard feedback on this form hiring managers? This could just be a personal way I scan websites.
Thanks Danielle!! That’s definitely a trade-off to this method, you’re right. In a perfect world, I’d have this version on Behance and a custom coded version on my personal website. I’ve wanted to do that forever and honestly just never made the time to do it 🤷🏼♀️
I am not able to upload my project moodboard in it's full quality. It's a .png file less than 10mb yet whenever i try to upload it the quality drops and my design looks really bad. Please help me with this problem.
Hey Maddy! I really like the what you shared with us! I’m curious about which platform you use to build your portfolio website? Like Webflow, SquareSpace or something else.
Really helps! Thank you a lot. But, how you work/trick out with the overlapping images? For the shapes I quite understand with what trick you do, but for the images?
So if you create the shapes with this method, then you can use them as masks for the images! Basically you just have to have the image appear twice - one on the artboard above and one on the artboard below, and then just move them around until they line up perfectly :)
what format do you save the case study in Xd to upload to behance? also could you do a videos about your case study research methods you used and why you chose those methods .. that be so helpful .. thanks a lot
Hi, thank you very much for this video. I tried to get my design into behance and have a lot of difficulties wit that. first I could only scroll strough a small picture as I used one big canvas. then I made it that you can see all of it, but then I could only see half of the side. when I use different canvases like you did I wonder how to export them and how you manage the overlapping, as I always have gaps between different canvases in behance. A lot of questions... I would really appreaciate if you could give me a tipp for that! :) cheers
Hey there! I actually have a dedicated class about this on Skillshare that you can watch (what you're asking about are in Lessons 9 & 13). skl.sh/3BSWikT You can also purchase the class for a flat fee instead of on Skillshare bit.ly/3E1VTOy :)
@@maddybeardUX hey thank you. I watched your skillshare video and Finally! I got gid of these gaps between the pictures, thank you! the only thing that still bothers me a bit, is that I added links there , and the sections with the links need to be activated. By activating it the user get on the the one part, but don´t see the rest of the casestudy anymore. do you have a suggestion to this maybe ? :)
@@schwuptiwup1792 No problem! I'm glad it helped! :) Did you put the link in directly with Behance? Here's a project where I did that: www.behance.net/gallery/107615391/Food-Scanning-App (Look under the Concept heading) Basically I just added a 'Text' content block in Behance and made the background the same color as the background of the PNGs on either end of it so it looks seamless. Then I added the links in green! Hopefully this helps!
Hi Maddy, I've been watching many of your videos, and they've been super useful. However, I do have to ask you, how did you create the visuals you included in your case studies? (graphs) Is there a particular program you use for that?
Hey! Thanks so much! I used Google forms to collect the data. And then I took screenshots of the graphs, etc. into illustrator, image traced them so each shape was a vector, and changed the colors :) Fun little hack!
Such a great video!! I have one question (not sure if i missed something): How do you overlap the images on multiple artboards? Whenever i want to have an image overlapping they stick to one artboard and are completely invisible on the one its supposed to overlap on
Good question! All you have to do is copy and paste the element onto the adjacent artboard and manually line it up so it perfectly continues on. It's actually super to do -- hopefully that helps! :)
this feels like a silly questions but how are showing you design moments with rounded corners?(it makes it really look like the screen of a phone) I'm finishing up a case study and i cant figure out how to do this lol 😅
Yeah good question! I usually just mask the screens with a shape that has rounded corners. It's easy when you're just doing a still screen with no animation because you can just export is as a PNG and then drop it in the mask. But if you want to show animations you kinda have to recreate it. Hope that helps! :)
I used Adobe Xd! I have a couple tutorials on my channel about this: One to create GIFs: ruclips.net/video/1K7JmjmUQZs/видео.html One to create MP4s: ruclips.net/video/sU32JNnZFVE/видео.html
heyy... i have a lil doubt is it possible to prepare the case studies in figma and post it in behance? since i have access to adobe softwares it would be really helpful if you could suggest me alternative to adobe sd?
@@sarapodwysocka3922 Hey there! I have a whole skillshare class about Case Studies where the last couple videos go deep into uploading to Behance, so check that out if you want! skl.sh/3N6U4S3 But the short answer is you go into the settings and decrease the spacing to 0px. And the reason I like to do it in multiple images is that it loads faster since it only needs to load one at a time! :)
Hey Maddy I've currently finished my case study, now I'm designing. My one question is after you finished designing it did you export each artboard as a png and upload it to behance?
Hi Maddy; How do you solve color management problem in Adobe XD? I searched a lot but couldn't find a solution. There seems to be no choice but to wait for the Adobe update. If you have found a method, please share it. Good luck
@@maddybeardUX Thanks, I hope they announce the fix at the MAX Event. I don't understand how they haven't fixed it until now. :) This is a very important issue, it's like a joke.
Then what? You exported the stacked art boards from Adobe XD as .jpeg files then upload to Behance? You missed the last step specially it’s mentioned on your title.
This is great, one question....I believe the case study you are reviewing through most of this video was done is XD? if yes, how did you get it from XD over to Behance? because you started the video in behance but then seemed to change programs, or did totally miss something? :-)
Yes, I design them in XD and then export the artboards as PNGs (or record MP4s for the animated sections) and upload them to Behance :) Does that answer your question?
@@maddybeardUX i think so, LOL, will know more when I get into behance to do my portfolio (still working on my case studies now). so do you recommend designing it in XD then exporting to behance? i'm completely new to all of this so I guess i just assumed i'd design it in behance, but is that even possible? thank you so much for responding.
Yes! Definitely recommend designing in Xd :) Behance isn't a designer, it's more of a way to assemble everything. You can add text and colored backgrounds, so you can *kind of* design in there. But if you want something more custom, you'll have to design then export for Behance
Hi Maddy, another question. why do my images look blurry after IMPORTING into XD? what file type and DPI should an image be when you know it will be imported in XD?
Hi Maddy, when you say you have completed the actual project, where have you put that together? I'm new to UI/UX so please excuse me. Have you put the whole project straight to be designed for a Behance site? Or do you do it somewhere else first and then do it again for the web :o
In this case, the project was a personal project and not for a client. It's meant to go up on my portfolio and hopefully get the attention of a real clients who might want to work on a similar project! :) So I created the app design in an Adobe Xd file and THEN I created this case study just for the purpose of presenting the personal project on Behance and on my personal site! Hope that answers your question :)
@@maddybeardUX yes thank you so much ☺️ I'm hoping to put mine into a PDF portfolio, I keep reading you shouldn't post the whole case study online or in the portfolio but how does it make sense to the reader If I cut bits out!? 😭
Hi Maddy - here's my issue. I'm a helluva great designer and have created many UI designs. However, I never really took notes on why I did this or that. Now, I'm trying to write a case study and have NO CLUE what to say or verbiage! Have any reccomendations on what would help? I'm fully aware of the structure, but I just don'e know what to say.
Hey Jason! You’re not the only one… haha my next Skillshare class that I’m working on has several lessons just on this topic. I wish I had a resource to point you to now, but in the meantime try to think about telling the story of your project. Start with the problem, and tell the story of how you got to your solution in a clear and concise way. The key is to focus on what made this project different and remember you’re explaining this to fellow designers / design hiring managers. So don’t spend time defining the basic steps you took. I hope this kinda helps!
@@maddybeardUX thank you so much for the reply and advice! See, that's the issue... I don't see what the problem or challenge was lol... there wasn't in my eyes, but I'm sure you could look and tell me. I was almost hired by Disney in November. 3 interviews later it resulted in i had no case study! This is really frustrating because I've got the skill no doubt.
Good job on your case study but this looks very difficult to do. I don't know if I can do a case study this big and comprehensive. It might take me months or maybe even more and even then it might not look as good and professional as yours. I wanted to start ui/ux design but now i'm having doubt.
You can start smaller! Not all case studies have to be this in depth. :) I also have a Skillshare class to help with this exact topic if you’re interested: skl.sh/3LBrA2l
Hey Maddy, I'm nearing the end of the Google UX Course and preparing case studies is a real barrier for me in terms of presentation and design for Behance. I've been looking for someone like to for help so I'm glad I've found you and will be checking out your content!
This is so good. It has been a puzzle for me to publish my design in Behance in a very creative and professional way. I was just exporting my final design as an image (designed tool - Figma) and posting it in Behance. Whenever I do that, the image loses quality and ended up removing everything in Behance. And then I found your amazing video. Super duper thank you!
I'm so glad!!! :) Yay thanks for sharing this
this is really cool! we used to have to publish our school projects on behance but i didn’t even know what a case study was so we were just posting final design images. this was really helpful!
I'm so happy it was helpful!
These videos are awesome! I'm new to UX and I find your videos so helpful and pleasant to watch.
A-do-be on a dai-ly!!! Impeccably neat, absolutely proper. Great explanation. This was VERY helpful for my first case study, thank you !!!! 🙏
Glad it was helpful!
this is really helpful as i build my very first case study, thanks for the tips!
I’m 1 minute in and I’m already liking and subscribing
your content is really valuable not only RUclips also your skillShare class; before joining your class i was struggling with my process on how to approach a project but after joining your class and watching RUclips videos i can say that i have improved a lot specifically in ux process, so big thank you for the content. please keep sharing . thank you :)
Wow, that makes me so happy to hear. Thank you for the note, I'm SO happy you're finding it helpful :)
@@maddybeardUX 🌟
Great video! Inspiring for my portfolio development too!
you did a really really great job! Congrats on that ...
The way you tell every step and showed correspondingly
it really motivated me and I also want to do a great job as you did
Thank you so much! That makes me so happy :)
@@maddybeardUX ❤🥺
@@maddybeardUX I want to also you how you decided to do this project and if there is any specific inspiration behind it?
Also, why did you choose to become a UX designer?
Hope you answer this 🥺🥺
I am in love with your designing style. Everything looks so clean and crisp. Your style is so me. Loving it and will sub your Chan.
Phelix Hanney
Thank you!! :))
Thanks for sharing this step by step . I really enjoyed watching it and I definitely learnt a lot
Incredibly helpful, thanks!
Very nice. A great way to present case studies.
This was so helpful! Thank you for sharing!
너무 좋다 영상들 고마워요
Thank you for all the tutorials. It helps a lot!
Thank you for the great tutorial! Would you mind explaining the next step? I’m wondering how I can export what I’ve made on Figma to SquareSpace? If you could explain that, it’d be a huge help. Thank you!
If you’re using Squarespace, you’ll just export the artboards as PNGs and then upload them to a page in your site!
Great job Maddy!
Thank you!!
Thank you so much! This was really helpful!
Yay I’m so glad!
this is so good :) and useful as well
So glad!
Thank you! for this it was well layyed out and explained 🙂
Really clear, thanks.
Aesthetically, everything flowed from top to bottom. Great work! Are you designing the artwork as well? Is there hope for those of us who can't design or use illustrator
I did do the illustrations, but just for fun!! You totally don’t need to know how to draw to be a great designer :)
Wow great teacher
I have heard that case studies should be more visual oriented than have too much writing since most recruiters and managers spend barely 2 minutes per case study during the hiring process. And the visuals should be understandable and depict the flow and purpose of the app so that the viewer doesn't have to scrutinize each paragraph. Can you please share your views on this?
ur a godsend thank you
Hey this is brilliant example
I am writing my first case studies for mba program, But our seniors are suggesting to use microsoft powerpoint for one pager case study, but I think adobe xd can do better job.
Totally agree, Xd can do better ;)
Great Content! I am an aspiring UX/UI Designer and just looking to add some flair to my case studies on Behance and my Website too. Quick Question(s). Which might be silly. But how do you design your phone screens which shows your App Design? Is there a separate template or design program for this where you plug your Designed App Screen onto these phones/screens and then duplicate or warp them to your desired look? For example where you have those phone designs for Outcome @ 11:49 how do you design that?
Hey! Not a silly question at all! I created those in Photoshop! So I found photoshop iPhone mock-ups online and they sort of act as templates where you replace one layer with your screen design and it comes out looking like that :)
@@maddybeardUX Awesome! Thanks for the tip and the reply. Keep up the good work and awesome content!
very inspiring presentation
Thanks so much! :) Glad you enjoyed!
Hey nice videooooo very useful! What is the best way to export to preserve quality?
amazing!!!!!
Hi Maddy, this content is gold as I am preparing my first case study now :) I don't know yet which platform I will be using for my portfolio (probably Squarespace/Wix) so I'm wondering if I can just create the study in XD for now and later upload the images into any of those websites? Or will I have to redesign the whole study according to the templates of those websites? So I guess my question is if I have to check upfront if my chosen site will support uploading the whole study as an image(like Webflow does, I suppose)? Thanks a lot!!
Hey Jenya! yay I'm so glad! :) Yes, you should definitely be able to upload all of your artboards as full-bleed images stacked on top of eachother in Squarespace or Wix! The method in this video is definitely geared towards Behance, but just like I've done you can definitely upload them to your personal site as well! Just be aware of responsiveness (text and other content that becomes too small on mobile, etc.) Hope that helps!
@@maddybeardUX Great, then I'm gonna adopt this method :) Thank you!
I have found this video really helpful when creating my case study. Although I'd like to know how you created the pulpy background.
Oh it’s a texture I purchased from Creative Market :)
I think it was called “fine art papers”
Thanks a lot. I'll check it out.
Great video Maddy, but I have a question. Is it ideal to design the app first before making a case study or is it the other way around?
She said that she spends a lot of time developing the case study first.
I really liked your video. I learned a great deal. You have the boards butting up to each other to see the flow and that’s a great idea. What I am curious to know is you have a design on some boards that flow/overlap onto another board. Is there a way of exporting the entire flow of the boards as one. Like a pdf of the entire design not the separate boards? Thanks
You could just have one loooongg artboard and export that as a PDF!
Maddy, how do you get you Adobe XD artboards to not clip images? Like the phone's that' overlapping two artboards.
Hi Maddy, Thanks for the tutorial. I'm finding it really helpful! I just have one question about the images that overlap onto the next artboard. When I stack my artboards as you mention, and I have an image that bleeds out (I think that's how you called it in the comments :) onto the artboard below, when I export both of the artboards, the image can only be seen on the first artboard (where it exists as a layer). Do you have to copy and double place the image on the second artboard (as another layer) or am I missing something? Thanks for your help!
Yes, you're exactly right! You have to copy and paste it onto both artboards and line it up :) It's easy to line up though because you'll see both at a low opacity and just nudge it into place!
I absolutely love your design! Your explanation was very thorough and easy to follow. Two questions: Do you find for SEO purposes that placing images of your case study on Behance instead of text, hurts your findability? Also, this could not be an issue, but I find myself using Ctrl + F to scan a website. This function isn't able to be used, have you heard feedback on this form hiring managers? This could just be a personal way I scan websites.
Thanks Danielle!! That’s definitely a trade-off to this method, you’re right. In a perfect world, I’d have this version on Behance and a custom coded version on my personal website. I’ve wanted to do that forever and honestly just never made the time to do it 🤷🏼♀️
I’ve never had that feedback from a hiring manager but I do agree with you, it’s not 100% ideal!
@@maddybeardUX Thanks so much Maddy! I really appreciate your time and thanks so much for your responses.
I am not able to upload my project moodboard in it's full quality. It's a .png file less than 10mb yet whenever i try to upload it the quality drops and my design looks really bad. Please help me with this problem.
Hey Maddy! I really like the what you shared with us! I’m curious about which platform you use to build your portfolio website? Like Webflow, SquareSpace or something else.
Hey Colleen! I use Webflow :) Still learning, but I really love it so far!
@@maddybeardUX Would love to know your review on webflow
Really helps! Thank you a lot. But, how you work/trick out with the overlapping images? For the shapes I quite understand with what trick you do, but for the images?
So if you create the shapes with this method, then you can use them as masks for the images! Basically you just have to have the image appear twice - one on the artboard above and one on the artboard below, and then just move them around until they line up perfectly :)
what format do you save the case study in Xd to upload to behance? also could you do a videos about your case study research methods you used and why you chose those methods .. that be so helpful .. thanks a lot
thanks for this video
Hi, thank you very much for this video. I tried to get my design into behance and have a lot of difficulties wit that. first I could only scroll strough a small picture as I used one big canvas. then I made it that you can see all of it, but then I could only see half of the side. when I use different canvases like you did I wonder how to export them and how you manage the overlapping, as I always have gaps between different canvases in behance. A lot of questions... I would really appreaciate if you could give me a tipp for that! :) cheers
Hey there! I actually have a dedicated class about this on Skillshare that you can watch (what you're asking about are in Lessons 9 & 13). skl.sh/3BSWikT
You can also purchase the class for a flat fee instead of on Skillshare bit.ly/3E1VTOy :)
@@maddybeardUX hey thank you. I watched your skillshare video and Finally! I got gid of these gaps between the pictures, thank you! the only thing that still bothers me a bit, is that I added links there , and the sections with the links need to be activated. By activating it the user get on the the one part, but don´t see the rest of the casestudy anymore. do you have a suggestion to this maybe ? :)
@@schwuptiwup1792 No problem! I'm glad it helped! :) Did you put the link in directly with Behance? Here's a project where I did that: www.behance.net/gallery/107615391/Food-Scanning-App (Look under the Concept heading) Basically I just added a 'Text' content block in Behance and made the background the same color as the background of the PNGs on either end of it so it looks seamless. Then I added the links in green! Hopefully this helps!
@@maddybeardUX thx :) I will try this!. have a nice day!
Awesome project, thank you for sharing it! How did you import it for uploading it to Behance?
I just exported as PNGs and uploaded those :)
how do you add texture , for behance is png or pdf better to upload ?
In the end, do you export frames one by one and upload them to Behance or do you export them all together? sorry I'm a newbie in Behance
I select them all and export them individually! Then upload them all at once and make sure they’re in the correct order :)
Hi Maddy, I've been watching many of your videos, and they've been super useful. However, I do have to ask you, how did you create the visuals you included in your case studies? (graphs) Is there a particular program you use for that?
Hey! Thanks so much! I used Google forms to collect the data. And then I took screenshots of the graphs, etc. into illustrator, image traced them so each shape was a vector, and changed the colors :) Fun little hack!
Such a great video!!
I have one question (not sure if i missed something): How do you overlap the images on multiple artboards? Whenever i want to have an image overlapping they stick to one artboard and are completely invisible on the one its supposed to overlap on
Good question! All you have to do is copy and paste the element onto the adjacent artboard and manually line it up so it perfectly continues on. It's actually super to do -- hopefully that helps! :)
Arigato senpai!
this feels like a silly questions but how are showing you design moments with rounded corners?(it makes it really look like the screen of a phone) I'm finishing up a case study and i cant figure out how to do this lol 😅
Yeah good question! I usually just mask the screens with a shape that has rounded corners. It's easy when you're just doing a still screen with no animation because you can just export is as a PNG and then drop it in the mask. But if you want to show animations you kinda have to recreate it. Hope that helps! :)
Hi! very helpful tutrial! thanks! what application did you use to make the animated pages/videos?
I used Adobe Xd! I have a couple tutorials on my channel about this:
One to create GIFs: ruclips.net/video/1K7JmjmUQZs/видео.html
One to create MP4s: ruclips.net/video/sU32JNnZFVE/видео.html
@@maddybeardUX Thank you!
heyy... i have a lil doubt is it possible to prepare the case studies in figma and post it in behance? since i have access to adobe softwares it would be really helpful if you could suggest me alternative to adobe sd?
Yeah that's definitely possible! :) All you need to do is export the images from any software and then upload them to Behance
@@maddybeardUX thanks a lot for great tutorial!
@@sarapodwysocka3922 Hey there! I have a whole skillshare class about Case Studies where the last couple videos go deep into uploading to Behance, so check that out if you want! skl.sh/3N6U4S3 But the short answer is you go into the settings and decrease the spacing to 0px. And the reason I like to do it in multiple images is that it loads faster since it only needs to load one at a time! :)
Wonderful! Can I ask u a question? Do u do your study cases on XD and then you post the link on Behance? Or how do u post it on Behance?
Yes I design them in Xd and then export them as pngs (and some as mp4s) and upload those to Behance :)
Hey Maddy I've currently finished my case study, now I'm designing. My one question is after you finished designing it did you export each artboard as a png and upload it to behance?
Yes! I also have a whole case study class over on Skillshare in case you want to dive deeper :) skl.sh/3LBrA2l
Hi Maddy; How do you solve color management problem in Adobe XD? I searched a lot but couldn't find a solution. There seems to be no choice but to wait for the Adobe update. If you have found a method, please share it. Good luck
Hey there, it seems like the best way to fix this for now is to set your monitor to sRGB when viewing your designs :)
@@maddybeardUX Thanks, I hope they announce the fix at the MAX Event. I don't understand how they haven't fixed it until now. :) This is a very important issue, it's like a joke.
Then what? You exported the stacked art boards from Adobe XD as .jpeg files then upload to Behance? You missed the last step specially it’s mentioned on your title.
Can we able to design case studies in figma ? If yes can you make a tutorial on it ?
Absolutely! You can follow the same process as in Xd :)
This is great, one question....I believe the case study you are reviewing through most of this video was done is XD? if yes, how did you get it from XD over to Behance? because you started the video in behance but then seemed to change programs, or did totally miss something? :-)
Yes, I design them in XD and then export the artboards as PNGs (or record MP4s for the animated sections) and upload them to Behance :) Does that answer your question?
@@maddybeardUX i think so, LOL, will know more when I get into behance to do my portfolio (still working on my case studies now). so do you recommend designing it in XD then exporting to behance? i'm completely new to all of this so I guess i just assumed i'd design it in behance, but is that even possible? thank you so much for responding.
Yes! Definitely recommend designing in Xd :) Behance isn't a designer, it's more of a way to assemble everything. You can add text and colored backgrounds, so you can *kind of* design in there. But if you want something more custom, you'll have to design then export for Behance
@@maddybeardUX Got it, thanks so much!
Hi Maddy, another question. why do my images look blurry after IMPORTING into XD? what file type and DPI should an image be when you know it will be imported in XD?
I want ask from where you can find the text you use in the project?
It’s all in the project on Behance!
@@maddybeardUX i mean if i want make my own project from where i can find the information?
Hi Maddy, when you say you have completed the actual project, where have you put that together? I'm new to UI/UX so please excuse me. Have you put the whole project straight to be designed for a Behance site? Or do you do it somewhere else first and then do it again for the web :o
In this case, the project was a personal project and not for a client. It's meant to go up on my portfolio and hopefully get the attention of a real clients who might want to work on a similar project! :) So I created the app design in an Adobe Xd file and THEN I created this case study just for the purpose of presenting the personal project on Behance and on my personal site! Hope that answers your question :)
@@maddybeardUX yes thank you so much ☺️ I'm hoping to put mine into a PDF portfolio, I keep reading you shouldn't post the whole case study online or in the portfolio but how does it make sense to the reader If I cut bits out!? 😭
Yes, it's definitely about striking a balance between being concise and also including enough info that it's easy to understand :)
Hi Maddy - here's my issue. I'm a helluva great designer and have created many UI designs. However, I never really took notes on why I did this or that. Now, I'm trying to write a case study and have NO CLUE what to say or verbiage! Have any reccomendations on what would help? I'm fully aware of the structure, but I just don'e know what to say.
Hey Jason! You’re not the only one… haha my next Skillshare class that I’m working on has several lessons just on this topic. I wish I had a resource to point you to now, but in the meantime try to think about telling the story of your project. Start with the problem, and tell the story of how you got to your solution in a clear and concise way. The key is to focus on what made this project different and remember you’re explaining this to fellow designers / design hiring managers. So don’t spend time defining the basic steps you took. I hope this kinda helps!
@@maddybeardUX thank you so much for the reply and advice! See, that's the issue... I don't see what the problem or challenge was lol... there wasn't in my eyes, but I'm sure you could look and tell me. I was almost hired by Disney in November. 3 interviews later it resulted in i had no case study! This is really frustrating because I've got the skill no doubt.
Would this translate well to graphic design and packaging design as well?
Absolutely! :)
@@maddybeardUX awesome! This is a great explanation
how do u save it because everytime i save a jpg or png in xd its blurry
Make sure your artboard is the right size :) When I export I choose PNG, "design" and 1X
@@maddybeardUX Thanks for replying!
whats the right size?!
@@e.k874 width : 1920
Wish I found this last year, I have been designing sh*t all along 😅😅😅
Is the layout all done in Adobe XD or Behance?
Xd! :)
Good job on your case study but this looks very difficult to do. I don't know if I can do a case study this big and comprehensive. It might take me months or maybe even more and even then it might not look as good and professional as yours. I wanted to start ui/ux design but now i'm having doubt.
You can start smaller! Not all case studies have to be this in depth. :) I also have a Skillshare class to help with this exact topic if you’re interested: skl.sh/3LBrA2l
@@maddybeardUX so if I'm applying for internship or junior level job then my case studies can be smaller. Right?
I didn't like this video, I loved it!
Nice portfolio tutorial. Oh! you have a boyfriend!! Awwwwww!!
Thorough. Hard to find millennials doing this type of work that are detailed
Voice is annoying