How we REALLY work on client projects

🚨 PART2: • Web Design Case Study ...
In this very special video I'm going to take you behind the scenes and show you how our agency (hype4) works on a real, client project. We have years of experience and hundreds of UX/UI designs under our belt, so it's only natural that we share some of those real experiences with you here.
We will talk about our ux process, how we approach a redesign, do we use competitive analysis, are we creating personas, all the way to tweaking stock photos to look more aligned with the actual UI design.
If you want to design and code a brand new, beautiful landing page, you can also check our website at hype4.com to see some more examples.
==COOL INFO HERE 👇 =======================================
🎬 GET MY UI COURSES:
gum.co/uicourse
gum.co/uicourse2
gum.co/uipresentation
gum.co/uicasestudy
MY BOOKS:
📘 Designing User Interfaces - over 500 pages all about design, likely the biggest source of UI knowledge in the world: designingui.com
🦄 Frontend Unicorn - How to learn faster, earn more and grow as a front-end developer: frontendunicorn.com
MY FREE UX COURSE:
👨🏻‍💻 Become a designer: • Becoming a designer
BE MY FRIEND:
💌 Sign up to our newsletter - hype4.academy
🌍 My website - michalmalewicz.com​
📸 Instagram - / hype4academy​
✍️ My Medium Blog - / michalmalewicz
🐦 Twitter - / michalmalewicz
⁉️ You can ask me questions on Twitter, just @ me or DM :-)
ABOUT ME:
👨🏻‍💻 I'm a designer, entrepreneur and startup founder. I started back in the late 90's and currently my main goal is to share my knowledge, both paid and free. This channel is one of the places where I share my tips on design, user experience, growth, marketing, life and mindfulness. Subscribe to stay in touch. ❤️
=========================================================
00:00 - Intro
00:45 - UX Process?
00:58 - The client
01:38 - The plan
02:32 - Our approach
03:27 - The logo
05:09 - Human touch
06:45 - Builing trust
07:06 - Research based content
07:58 - Show the experience
08:35 - Bottom section CTA
09:09 - Coding the site
09:54 - The response
10:24 - Design is never done
10:53 - Thank you
#ux #redesign #ui

[@BhotHARDik]

Please make this " Real Client Projects" more frequent💯✌🏻

[@Danmajor555]

Yes please, this was so helpful and insightful as a new aspiring UX Designer. If it does become more frequent, maybe make it into a series and playlist? Once a month? Every other month? Every quarter? Either way great video! Would love to see and learn more!

[@CrunchDesigner]

This is the typical kind of video that interest me to step up from Junior UX Designer to Expert ! I would like to see other videos like this to see your process with other projet 😄 (Im French from france I did my best in this comment 😆)

[@MalewiczHype]

The comment was great, thank you. I will try to create more of these :)

[@Kumafaldalisa]

Totally agree with your comment @Dynastyy! Thank you @malewicz for this video, your experience help me a lot, was so clear, so interesting.... I loved it! (I'm Colombian, and I speak Spanish so I did my best in this comment as well 😅✌🏼)

[@MalewiczHype]

Awesome! I'm learning Spanish right now, so maybe at some point I'll do some events in Spanish too :)

[@garyvoigt321]

This was a great walk through of real world design scenarios. Thanks for making it ,and yes, I would love to see more of these.

[@marikoma2260]

Very informative and engaging. I have seen a lot of videos from a lot of channels but they rarely provide so clear and detailed info. That's a real help to junior designers.

[@MalewiczHype]

Thank you, we have another one of those planned for February 14th :-)

[@ideaplusagency]

Amazing!!! Love these behind the scenes videos as a way to understand the client process

[@zahabahmedqureshi1303]

Really like these kind of behind the scenes videos. As a junior designer, this helps so much in streamlining my own process, and I would love to see more videos like this one.

[@MalewiczHype]

I have a plan to do more, but they require a bit of convincing the clients to allow us to make a video :_) Happy they're helpful.

[@filip9951]

This video is surely one of my favourites on your channel right now, and I'm excited for more videos like this one. I'll surely come back to them and re-watch them like crazy. Anyway, as I said in the Slack community, you brought the design to the next level. The truth is that it's not difficult to create a simple landing page, there are many examples you can follow or get inspired from, BUT for the Elevato landing page, you can see how detailed and well-thought-out it is, how it resonates with the target users and how many interesting elements it has; my favourite ones include the elements that pop-up and float and the hexagonal shapes. They create depth and make the website stand out, so it's not simply just another landing page, but something more.

[@MalewiczHype]

Thanks! That definitely is something I plan on doing, but also very soon I'll be back to that non-design content that I believe is also important. Going for a healthy mix of both with the channel ;)

[@igordezi3025]

This content is gem, Michal! The video editing and overall fun level of this video is top notch. Thank you and looking forward to more of that!

[@MalewiczHype]

Glad you enjoyed it! Talking to some of our clients to allow us to do similar videos soon :)

[@silvanav.musante1675]

Yes, please, more videos about real projects for real clients! Amazing work! Thanks for sharing!!! 👏

[@zofiak1702]

That's the perfect kind of content. I would love to see more of it!

[@RG-cn4jf]

So happy to watch another great video made by you, Michal! Your channel is my favourite!

[@MalewiczHype]

Thank you! Appreciate it! :)

[@hamzaawan8843]

Need more of these Videos Please! Really Helpful.

[@mrtil6759]

I have watch tons of such this video about UX/UI process and more , but this one is something different...really enjoyable and fun to watch! nice work!

[@MalewiczHype]

Glad you enjoyed it!

[@RahulSulegaokar]

Thanks for sharing this in public. Great redesign and this video and case study also taught us how we can present our design as well.

[@MalewiczHype]

Awesome, I'll try to do these more regularly then :)

[@connierock8608]

Saved this so I can come back and watch when I need to start my portfolio! Thanks again you’re the best!!

[@MalewiczHype]

Any time! Glad it was helpful :)

[@magdasokolovic]

love these entertaining comments of customers :D great video!

[@MalewiczHype]

Glad you enjoyed!

[@omehi1255]

This is incredible. Thank you for sharing this process. Please more of this.

[@MalewiczHype]

There will be more this year - we secured a couple of permissions for clients to share :)

[@nelsonfleig5024]

Learned so much! Please keep it coming!

[@MalewiczHype]

Already have another one planned for Feb 14th :-)

[@wakinginfinity]

This is great! Would love to see more examples

[@KaloyanGeorgiev92]

please, more of this! learned A LOT!

[@MalewiczHype]

That's the plan!

Great content, I like how clear the design is presented. Also a big thank you for highlighting the fact that front end development is not just about coding. It’s a very creative process where you constantly make design decisions to make the design work for the users.

[@MalewiczHype]

That is true! Our devs have a designer mindset and they actually like experimenting with animations and transitions - with great results. But someone has to be open to "do a bit more" to be like that and not follow the "it displays on the screen so my job here is done" path ;)

[@iamthomasogun]

@@MalewiczHype lol

[@sanikathali]

I really loved the way you gave the process in a simplified manner. Loved the redesign of Elevato as well.. Looking forward for many such videos 😃

[@MalewiczHype]

That's my goal, we'll see how many more clients will be open to this :)

[@sanikathali]

@@MalewiczHype The videos like this will definitely help the clients in getting more views on their site as well and who knows their next customer as well. 😃 Your videos would definitely help us designers in logical reasoning as to why certain sections are designed or structured in a particular way.

[@hellgate2a7]

I really enjoyed this video and I love the way you present it. It's delightful to look at. I also have learned lots of techniques that I had never used earlier. Thank you very much for your explanation using this video. I hope you will do more videos like this to help many UI/UX designers

[@MalewiczHype]

There will be some more of these this year :)

[@natalie-taylor]

Being given carte blanche on a project is one of the best situations ever! Like a dork, I personally love reviewing video recordings and heat map data to learn how users are "actually navigating" a site. For large sites with a lot of entry points it can be a little overwhelming. It'd be great to see you do a video on how to deconstruct that data, what changes to make and what to do with the material that is not performing well - is it relocated and monitored or just removed? While I love your design-focused teachings, tackling the business side of the marketplace and it's dynamics is a huge + . One of my favorite things about your material is that you cut the fat off unnecessary processes. Can't wait for more and thanks for this process review :) 👍

[@MalewiczHype]

Thank you! Sadly, those in-depth reviews of heatmaps fall into a category that is usually strictly under NDA's because it's these changes that give the company an advantage over the competition, so chances of sharing something like this are slim. I may have to just create some small website myself, test on it and show the results ;)

[@MarcoKoengil]

Thanks for this video, you help me so much.

[@blessdarah1256]

Yes yes!!! When a frontend developer understands design, the process is more engaging and less buggy. This video was wonderful.

[@MalewiczHype]

Yes! Thank you!

[@newtonoluoch8103]

This was a beautiful Revamp

[@Grafikdetail]

Excellent video! I really enjoyed this format and watching the before and after videos. Nice work!

[@MalewiczHype]

Awesome, thank you! I wasn't sure about how long it was, but it was really necessary to talk about all those points :)

[@user-rv7ge1tc4l]

I just looked at the live version - this is so aesthetic and well-designed. I love it, super inspiring

[@MalewiczHype]

Thank you! I hope to be able to share more of those processes :)

[@powderpov]

Thank you for another great lesson Michael.

[@MalewiczHype]

My pleasure!

[@higher-faster]

Indeed great use case here. Please continue to share. Would be great if you have different other verticals and you group these videos under a dedicated playlist in your channel. Keep up the great work.

[@C-KRET]

I'm working on a website redesign for a company I work for and this information is almost invaluable! My re-design process will be much more thorough now!

[@MalewiczHype]

Glad to hear! I will be doing more of these videos, with the next one dropping mid-February.

[@dwojczuk1]

This is super helpfull! I am starting to work on a project for a start up and as junior designer and somehow I felt that I need to start the process with broad research, interviews, personas etc. even if it doesn't seem to make much sense in that case. Your video inspired me to try lean process insted of design thinking

[@MalewiczHype]

With redesigns it's often about the quick fixes (I have a video on that planned for next week - the approach in more detail). Once the quick/obvious fixes are in you can then start asking users for feedback, without those issues interfering with that feedback - it's great :)

[@baby.r3]

I enjoyed watching this! Thanks for sharing. I’m looking forward to watching and learning more. 🙂

[@MalewiczHype]

Already scheduled another premiere from this series, on another project - Monday February 7th :-)

[@d4c798]

This is a great content. This kind of content is really helpfull to UX designers like me who are just staring in their studies. It puts the content I'm just learning into a practical, realistic approach and gives out a good idea of how the market actually works. Thanks, Malewicz! Your channel has been of great incentive.

[@MalewiczHype]

Great to hear that :)

[@wrdj3094]

Great video! It's nice to see the whole picture and the end result.

[@MalewiczHype]

Awesome! We're really happy with how the redesign went, so definitely fun to share :)

[@chrisz2140]

Such a great explanation as to how you went about choosing what to focus on and your process. Oftentimes we get trapped into creating an artifact that's not necessary, ie .designing a persona; I enjoyed your explanation surrounding why that wasn't done here.

[@MalewiczHype]

That is true, I think we used personas like 2 or 3 times in my 23 year career ;)

[@jmcsorley]

Loved the video, keep up the great work. Would love to see more videos like this.

[@MalewiczHype]

Thanks! We have one already in the works :)

[@samirfarid5539]

Thank you for the video! I liked it the most, Keep publishing such a great format of content!

[@MalewiczHype]

Glad you liked it!

[@eduito0201]

Great Video. A holistic view of a project!

[@MalewiczHype]

That was the plan, good to hear it wasn't boring :)

[@mschrimmer631]

Yes more of these videos please.. You're the best Michal! :)

[@MalewiczHype]

Another one on Monday, already scheduled as a premier :-)

[@chazday2637]

This was super clear and informative. Thanks for sharing.

[@MalewiczHype]

Glad it was helpful!

[@MarceliusPK]

Świetny film, więcej takich :D

[@tammammm6908]

Thank you for sharing this with us! 🥰

[@MalewiczHype]

Awesome! Glad you liked it :)

[@angieseguralucas623]

Thank you for sharing your process, hoping to watch more often this content. Clear and realistic! Greetings from Peru :)

[@MalewiczHype]

Awesome! Thank you! There's one more video like this on the channel already and there will be one more (with a mobile app) in March.

[@aik64g]

Love the format

[@MalewiczHype]

Awesome! :)

[@GhasAbs]

Really useful information, very well structured!

[@MalewiczHype]

Glad you liked it

[@m12652]

Great stuff! Both the site and vid

[@MalewiczHype]

Much appreciated!

[@sundayduutura118]

Great work here I must confess. For us starting a career in Product Design.

[@MalewiczHype]

You can do it! It's all moving some rectangles based on very simple research :)

[@njengathegeek]

This is incredible, I now feel like a pro after watching this vis,

[@MalewiczHype]

Great to hear!

[@ikennagibson3933]

You are awesome malewicz! I love this! Very articulate thought process behind is beautiful and awesome website.

[@MalewiczHype]

Thank you so much! That was exactly my goal :)

[@TheBigperm9]

Great video. I really liked this format. Seeing the before and after and learning about the service provided. Very interesting

[@MalewiczHype]

Which part was your favorite / least favorite? It could help me plan for the future :)

[@TheBigperm9]

@@MalewiczHype I don’t think I have any negatives really. But I really liked where you you showed the before and after while describing why you made the ch ages you did. I liked that you broke it down step by step. The little notes here or there about if that’s typical of a client or not are super helpful as well. I often find myself wondering in my bootcamp how necessary some steps are. Great info as always. 👍🏽

[@lingkon83]

Thanks for sharing your project & behind the sense with us. I will surely like to watch more videos related to this.

[@MalewiczHype]

There are a couple more from these "client project behind the scenes" on this channel :)

[@lingkon83]

@@MalewiczHype ow thanks, I'm gonna check that out

[@mbarr]

What a dream client. I loved watching this. Thank you so much for sharing this with us.

[@MalewiczHype]

That's true, they were awesome! We're trying to "fire" bad clients early on when we see that they won't "let us" do a good job with their pushing. It's a very important part of both doing a good job and also not going crazy ;)

[@mbarr]

​@@MalewiczHype Awesome! Product Designers are so difficult to come by, and with the plethora of companies scrambling to improve the UX of their products, we product designers have the advantage of saying no to bad clients. It's a bit of a golden era for this branch of design.

[@muhammadammar7849]

Loved the approach.

[@MalewiczHype]

Thank you!

[@harshitjotwani7604]

That was awesome 💯

[@ayrtonaguero2006]

Thanks. Very helpful video.

[@ayushkumarchandra]

Amazing! Thanks for the video!

[@MalewiczHype]

Glad you liked it! Which of the examples was your favorite? So I'd know what to focus on in future vids

[@superluxuryofficial]

wow this video is very useful for me. hope to see these kind of videos more often

[@MalewiczHype]

More to come! Already working on a couple others :)

[@theimagebear-9942]

Michal, your videos are amazing!

[@MalewiczHype]

Well, I hope they'll get to amazing some day, but for now I'm happy with good :)

[@TheCalmWoodsman]

Bardzo dużo wiedzy, dzięki! PS. Zawsze patrzę co tam masz nowego na biurku i co się zmienia w otoczeniu ^^

[@MalewiczHype]

;-) Za wiele sie na biurku nie zmienia, ale planuje trochę rzeczy

[@fadaverde9856]

Hello, this is a really nice video, thanks. It will help me structure my current design projects and increase my motivation to go deeper on my process. Thanks again!

[@MalewiczHype]

Great to hear!

[@FootballGaming]

This video is superb, thanks so much for giving us this insight! As someone who is looking to kick-start my career in the industry, this is invaluable. I would love to learn more about your testing process!

[@MalewiczHype]

Sadly testing is something that's mostly covered by NDA's and I cannot share a lot in that area, but I will try to get as much out as I can in the future.

[@shivendrarajgurung4652]

This is the sixth time in the month I'm watching this video taking notes of your process, changes and the design itself.. And everytime I learn new things from the same video.. It's so fascinating! Can we have more BTS videos? Cz this is one of the most valuable teachings I've been learning here!

[@MalewiczHype]

There will be more of those in Mid-August once we premiere some of the recent client projects :)

[@abdoo3301]

Definitely gonna come back to this video time after time, when my UX journey begins :)) taught a lot of things, which hardly is done by most of the channels :)

[@MalewiczHype]

We have the privilege of being in the industry for a loooong time with around 500 projects, so I can (and will) share how we do that whole UX process thingie ;)

[@abdoo3301]

@@MalewiczHype we would be blessed even if we get to see 5 of them, broken down like this, in depth 🙂

[@MalewiczHype]

I could be doing one a week for years, but not all customers are so open and cool like those guys, so we're in the talks with some of them right now about future videos - there will be one at least once a month :)

[@abdoo3301]

@@MalewiczHype sounds like a treat, so glad to be a part of the journey :)

[@vaishnaviv7676]

This is pure gold! Im surprised you're giving all that for free

[@MalewiczHype]

I give what I can for free, but I do have some stuff I charge for and it's been working great for me and those who purchased :)

[@tanmichelle7384]

This is pure gold content

[@MalewiczHype]

I'd say it's 33% gold and 67% copper ;)

[@UmairUlhaque]

Amazing Michal, it was a great brief explanation of the overall case study you and your team prepared for elevato. I am wondering why I missed this video of yours since it is from the year 2021. That landing page is really paying off from the efforts it took. Please also share about what grid settings you kept for this web design in terms of column size, gap, and container. Many thanks!

[@abdulwahab2179]

That's amazing, I love the whole content, and also the live website is amazing, we can learn more in-depth from such types of videos, keep rocking man ;)

[@MalewiczHype]

More to come, I need to convince some of our clients to let us ;)

[@synt-x6458]

Please share link to the live website.. thank you

[@dazzleberrydesigns1696]

Yes please MORE OF THIS!!!!!!!!!

[@MalewiczHype]

We have a couple more planned! :)

[@anastasijaskrita7399]

Enjoyed this video a lot! Would be fantastic to see more real-life examples. Thank you!

[@MalewiczHype]

Thank you! another one is already up and I’m working on part 3 🙂

[@dansal2525]

very good and informative, I wish to see this more of this kind tutorials.

[@MalewiczHype]

Already working on another one :)

[@KatrinaRamos]

Wow You all did a really great job 👏🏽 🏆 This was helpful. Thanks for sharing!

[@MalewiczHype]

Thank you! What part did you like the most? So I could focus on similar things in the future?

[@MarcoOlmedi]

I really love your design style

[@MalewiczHype]

Thanks Marco! I wasn't doing the design on this particular project myself though :)

[@amankrsharma1572]

Please make this more Malewicz. Loved your ux/ui tips. ❤

[@Ramcas42]

Great video for juniors! Really liking the look behind the curtain :-)

[@MalewiczHype]

That's the goal, glad it worked :)

[@rohitslb7455]

This was really good to know and some use cases that you highlighted. Which tool was used to draw out some conclusions to reiterate.

[@karoldrazynski]

Yes - great one! Love the redesign and I would love to see more of those in the future! Actually, I'm thinking that I'd love to become one of your client to redesign our landing after seeing this one! :)

[@MalewiczHype]

That's the plan! And if you need a landing page redesign just reach out to the awesome people at hype4.com :-)

[@kevinfunez7880]

Love this one!

[@MalewiczHype]

Glad you like it!

[@leonardogalvao2631]

Sick!!!! Please keep doing this videos!

[@MalewiczHype]

Thanks Leonardo! Already have another one planned for February 14th 🙌

[@leonardogalvao2631]

@@MalewiczHype I'll check it out for sure!

[@CatalinScripcariu]

Thanks for sharing it. Nice project! 👏

[@MalewiczHype]

Thank you, and double thank you for being one of the early subscribers and being here for over a year! Appreciate it a lot!

[@London2ATL]

Watching you for the first time, nice work....I actually purchased your courses (after this video) even though I found a free pdf online, I didn't feel it was right to not pay you for your hard work, looking forward to more updates from you.

[@MalewiczHype]

Thank you for the support! :) However, our courses don't work with those online PDF's and the books are usually very old versions, before most of the exciting updates so you'll definitely have more content because of this :)

[@chanaka6787]

Love this video ❤️

[@wetsand7379]

This was really cool to see! Would you consider making videos reviewing your subscribers UI designs?

[@MalewiczHype]

I do those audit videos from time to time, I think I've done 11 or 12 now. May come back to that or maybe do a live with more than one :)

[@saurabhdaswant7833]

Please do more such vedios i really want to see how you approach desktop dashboards and web apps thank you , i am really learning a lot from you !!

[@MalewiczHype]

Great to hear! We rarely do dashboards because I believe they're not the best way to show data - for most companies they're not needed :)

[@mdminhazulabedin1806]

I love this video!

[@NektoDesigner]

Thank you, Michal! Got some really interesting insights from the video 👍

[@MalewiczHype]

Glad to hear it! Which one was your favorite?

[@NektoDesigner]

@@MalewiczHype One of those which really resonated is "People is what resonates with us". I was aware of this thing but never stumbled upon such a concise definition. It's good finding such interesting insights despite being pretty long in the industry 🙂 Another thing I really liked is the visual part of the video itself and clever storytelling: slowly flying pointing notes to grab attention, fun & appropriate jokes along the way, the spark-like appearance of bullet points and key parts, etc. Good job!

[@ftk4vegas]

This was really helpful thank you

[@MalewiczHype]

Awesome! :)

[@tefadesigner0]

awesome video , great effort

[@SKDurgesh]

Looking for more videos like this. Great effort though Thanks.

[@MalewiczHype]

More to come!

[@asadrehman1801]

This free knowledge is far better than buying udemy 20 hours course. Kudos

[@MukulDevKallara]

Please do more videos like this

[@mightymoon420]

Can't wait 😁

[@MalewiczHype]

Me too! I want to do more of these videos this year, as with hundreds of products done I believe we should share how they came to be :)

[@Koustav_04]

Great video. Keep up the good work 👍🏻😊

[@MalewiczHype]

Thank you! Will do!

[@anneymolly646]

wow, smart process and great design! great work

[@MalewiczHype]

Which parts of the process do you think I should focus more in future videos?

[@anneymolly646]

@@MalewiczHype I like explanations of your design decisions, it is all logical. I'd like to see more research in future vid :)

[@SzabatDesign]

yes yes yes ! cant wait ! :D

[@MalewiczHype]

Hope it was worth it :)

[@goldenant9450]

I'd be curious to learn more about how you went about the new logo proposal. For example, when did you bring your thoughts about the disconnect to the client. Did you get them onboard before dedicating the time to developing a new one? What would be the best way to move forward if the client says they're not in love with the idea of changing the logo but they SEEM open to it (without exactly saying they are). Do you ever start working on concepts when you're in a position like this, and what's the conversation like when you're ready to present this "surprise."

[@PhotoshoppersStop]

This is the BEST video so far🤩🤩🤩🤩🥳

[@MalewiczHype]

What was your favorite part? So I'll know what to focus on :)

[@PhotoshoppersStop]

@@MalewiczHype The approach you shared + the design tips on showcasing the logo & overall re-design, all the video is a great😇

[@MalewiczHype]

Thank you! I'll try to think of more tips like that for the next one :)

[@mikecooke4974]

Wood carved logo's are always the best! haha

[@MalewiczHype]

True! That rustic feel is hard to beat!

[@creativewaff]

I'm going to stay here a little longer, I'm currently learning both design and coding

[@MalewiczHype]

Welcome! :-)