How I Made a Client's App Awesome

[@ebregains]

As a programmer here, in most cases it's not that we don't understand design or we just don't care. It is because we get paid for coding, not for designing. I am sure this amazing work you guys did here didn't happen in two hours, is a lot of work and effort. We as programmers can't spend that much time and dedication since that time and dedication is being spent in the code. Great job with that redesign, the video came up nice too 🙌🙌

[@hello_world_104]

Ya it's like that's a cute checkbox but I've got 10 people up my ass to do 100 things so they can go on their weekly zoom calls and take credit for our hard week

[@hamdibeep4]

The most important takeaway from this video for me was the communication and understanding what the client truly wants before you start making any plans for the redesign. There were times when you had to try convincing the client if some things are necessary to help make the app better. Amazing stuff!

[@MalewiczHype]

Thank you. This is one of the essential things - as sometimes the client isn't fully aware what exactly they need and its our job to get it out of them :)

[@theprimecoder4981]

As a developer I've started to look into design more so I have a clearer understanding of things like fonts, colors, spacing etc. Figma also have the feature for dev mode and it helps alot to understand design a whole lot better

[@aj-lan284]

we want more videos like this with even more detail. liked it so much Malewicz❤

[@abdoo3301]

The design and annotations have gotten to a whole professional level now 😉 can definitely see the 50hrs (I assume) of efforts in it.

[@MalewiczHype]

Most our real client projects were annotated in similar ways, it's just that we couldn't show many of them ;)

[@SRIxD]

A little late to the conversation but I've always believed in defining the 'dialogue' between the user and the system before any visual design. And I LOVE the Typeframing technique, utilizing hi-fi typography to help define final visual design elements. I'm subscribing for sure!

[@SrivishanthT]

You Are The one who thought me everything ,The Process from the scratch and I love your videos and I'm gonna watch your every videos And love from Tamilnadu,india

[@tekiero]

This was very helpful! Never seen commercial project like that with whole story. Thanks!

[@MalewiczHype]

Most people are afraid of doing it - we're not.

[@G00dhead]

Who let our design messiah cook??? that intro was and is fire!

[@MalewiczHype]

Glad you liked it!

[@wrdj3094]

Great video! Loved the colors, typography and overall design of this app and was delighted when this video was about that app.

[@MalewiczHype]

Great to hear! Already started work on the next case study.

[@amiiiru]

So excited to see you on a live process of design! 🎉🤩

[@MalewiczHype]

Me too!! It's fun to share these with the world finally.

[@hseindesigns]

Thanks for sharing what real design is all about! Love the new website, btw :D

[@MalewiczHype]

Thanks. Not sure we do “real” design but we always just do it our way 🫡

[@hseindesigns]

@@MalewiczHype 🫡🫡🫡

[@sarahezzer5249]

This video is amazing, each part super well explained!! Bravo

[@MalewiczHype]

thanks! I share one real client project per month like that, next one soon 🫡

[@wormholeinteractive]

Wait a sec! You're a hype user! Fan for life~

[@teathobi]

Hi malewicz. This is so awesome. I got a lot insights from this. SUper helpful thank you

[@MalewiczHype]

Glad it was helpful!

[@SafiulBari-n3x]

Nice. I think It's a superb video, 100/100 explanation.

[@artfrody]

Thank you! A short instruction on how it should ideally work, I mean creating a design

[@MalewiczHype]

It's a bit different every time, so there's no full pattern, but there are parts that look similar each time.

[@artfrody]

@@MalewiczHype yes, but this is an example of a real project, how it was implemented step by step, and not a theory based on non-existent examples... it is clear that there are many different ways, and this is one of them

[@artfrody]

@@MalewiczHype there are many videos where the process is presented partially, sometimes divided into different videos, there is no logic why this is so and not otherwise, something is missed, but here everything is short and clear and the process is sequential

[@nilamadhabmarndi8620]

whats the tools used on 8:45 ??

[@DailyPaily]

Excellent as usuall

[@MalewiczHype]

Thank you!

[@Worminatordk]

Thanks for that... looking forward to the next one.

[@MalewiczHype]

Appreciate it! They do take a lot of work, but they're fun to do.

[@TheQuickByteShorts]

Wow another great video! 🙌🏻

[@karltam3831]

when you redesign. do you rewrite your code from scratch? or you base on their original code, you modify it?

[@MalewiczHype]

Most of the time its rewritten

[@whateverthisisyo]

What app do you use for annoating the wireframes? The ones with white wireframes and red hand writing. Excellent video, thank you!

[@MalewiczHype]

Thanks! The app is called procreate.

[@ere.]

Is that Ipad MIni that you use for drawing?

[@MalewiczHype]

Yes.

[@ere.]

@@MalewiczHype Look super handy for annotation drawings 💎

[@MalewiczHype]

It's nice cause it's light and just about the size of the apple pencil. Less to carry around :)

[@isthatsharanya]

Love this, waiting for the september video now ;)

[@MalewiczHype]

They do take a while so probably late september 😂

[@junaiddar8383]

Which tool is used to create that image blur effect?

[@MalewiczHype]

Tumult's Hype

[@dmitri3947]

I've been waiting for the case study, thank you

[@MalewiczHype]

Hope you like it!

[@hacorn96]

can you reveal what sort of timeline you had for this project end-to-end? and what was the team size working on it?

[@MalewiczHype]

4 months of work. One person full time, and one 1/4 time (me). And 5 people on the client side.

[@hacorn96]

@@MalewiczHype I see. Very insightful video.

[@Jeremy-kw6rd]

great content ! can't wait to see more

[@MalewiczHype]

Already working on the next one! :)

[@tekiero]

and what was that red square method from descriptiom?

[@MalewiczHype]

It's an alignment method we do.

[@tekiero]

@@MalewiczHype MALEWICZ!!

[@sourishsharma17]

As always, a superbly useful video! One question - how long did each of the major stages of the project take? thanks :))

[@MalewiczHype]

The entire project took 4 months of work, spread out over 5 months total running time.

[@suzanneshea520]

Thank you for sharing all this knowledge and your process that was really informative. I love how you tested the app yourself "in the wild". How long does a project like this take you from the initial stages to completion?

[@MalewiczHype]

This project took 4 months to finish (of actual work). Was done within 5 months I think.

[@souvikpradhan1053]

Sir how to create that blur animation while scrolling in Figma?

[@MalewiczHype]

Dunno, I don’t use Figma

[@rihakhan1539]

What was the software used to create the blurring animation?

[@MalewiczHype]

Tumult's Hype - but we're slowly switching to Rive.

[@rihakhan1539]

@@MalewiczHype will you upload some content on how to create this micro interactions using these softwares? cause right now it seems like ux designers need to have some experience in motion design

[@urssoz]

What program do you use for workflows? I've been using Figma for a while, but I love Bizagi, it's a shame it's not available for Mac unless you use a VM.

[@MalewiczHype]

Mostly Sketch.

[@Hygge2921]

The process was very clear 😌😌

[@MalewiczHype]

Glad to hear :) More to come.

[@Victoto-jn1it]

Very useful video! What's your recommendation for learning designer-developer handoff? I haven't come across a helpful resource so far. How do you approach the handoff? I understand the need for the designer to know what's possible in terms of code but do we need to learn to code as well for an effective handoff?

[@MalewiczHype]

We always try and talk to the developers rather early on and define some stuff for them, see their reaction. And then put our foot down about execution quality ;)

[@johnnymartinez3152]

16minutes Doug E. Fresh, your on!

[@MalewiczHype]

I'm always on!

[@vishnuui]

Hi @Malewicz Love from India🇮🇳❤

[@MalewiczHype]

Much love!

[@taekjembret2065]

@MalewiczHype Great video! I loved how you walked through the 'almost' entire process 🤩📽. Would you consider doing a similar case study for a website design or redesign? It would be awesome to see how you would approach the project, from research and planning to design and development. Also, could you include tips on how to showcase and deploy this case study on a web design agency's 'Case Study Page'? I think it would be incredibly valuable for those of us looking to enhance our portfolio presentations! Thanks 🙏

[@MalewiczHype]

We have a couple of projects lined up, including a website for late September case study (a big, complex one) so definitely coming soon. As for showcasing we do it our "unique" way - you can get inspired a bit by that, but I suggest trying your own path. I'm working on written version of these case studies to publish them soon.

[@adam_moucka]

It's here!

[@MalewiczHype]

It is!

[@BlackEyedDragin]

Does anyone know the actual app? It looks interesting!

[@georgefawzi6340]

Hello Michal do you plan on launching a UX course?

[@MalewiczHype]

Not really, it stopped being relevant.

[@TripleM24]

Great video. Random, but what keyboard are you using and what keycaps are those with the white and red?

[@MalewiczHype]

Keychron K3 Pro - I had the older K3 and Keychron sent me this one with the custom red keys. Feels really nice to type on.

[@Mbarak-c7h]

great video, what was that tool used for the blur?

[@MalewiczHype]

Tumult's Hype

[@johnny1o1o]

Thanks for the explanation, very helpful! What's the app being used for sketching on the tablet device?

[@MalewiczHype]

procreate

[@muhamadsaeedd]

Me all along the video ▶⏸▶⏸▶⏸▶⏸ 😅 Thank you for providing this helpful information. The first part of the case study was amazing the flows and information architecture. This video will be a reference for my next project.

[@MalewiczHype]

Glad it was helpful! We do some stuff differently and clients seem to like it.

[@bolajiadefioye6600]

thank you, appreciate the content value

[@MalewiczHype]

My pleasure! More to come!

[@ishastone8251]

Great video! I'm wondering how many hours of work the design process took approximately from scratch to handoff ?

[@MalewiczHype]

The entire work lasted 4 months - but that includes all stages + the app is a bit on the bigger side in terms of screens and edge cases.

[@ishastone8251]

@@MalewiczHype thanks for the answer! Would you mind me asking what’s your average price for design of the app like this (average)?

[@MalewiczHype]

$7000 per sprint, so in this case x4.

[@ishastone8251]

@@MalewiczHype appreciate your transparency, it’s a big motivation. Thanks again for the value you give us and greetings from Ukraine 👋

[@Shako]

very good content, thank you

[@MalewiczHype]

Glad you think so!

[@techtalks003]

Great design

[@MalewiczHype]

Thanks a lot

[@omrisadovsky]

damn that keyborad looks so good, what is the name of the keyboard?

[@MalewiczHype]

Keychron K3 Pro - but I got a custom keycap version from them (with the red keys)

[@trienviptb]

very valuable video

[@muhamadsaeedd]

Waiting!!! ❤

[@MalewiczHype]

See you there! :)

[@PunitChawla]

Always jealous of your edits 😂

[@MalewiczHype]

Nah nothing fancy here 🫡

[@Obakusan]

Good stuff!

[@MalewiczHype]

Thanks! I really hope to do one per month as we've done a lot of projects in the last few years.

[@faizanbaber]

Is it possible to work with you? do you hire any remote designers?

[@MalewiczHype]

No, we're keeping the team super small because we don't have the capacity to manage people.

[@neodidi]

The site squareblack isn't loading up

[@MalewiczHype]

use a vpn - if you’re in Nigeria there’s an illegal vercel block by isp’s there.

[@neodidi]

@@MalewiczHype ok.. Thank you

[@tekiero]

Why don't you use Figma btw?

[@MalewiczHype]

It doesn't fit my workflow. Other tools are better suited to how we work. And there's also some of the ugly stuff around Figma's privacy policy and pricing.

[@uisuleman]

great desgin

[@Yemiakanbi]

can i apply as an intern designer with your company ? i wanna work for you please.

[@MalewiczHype]

Hi, we currently don't hire interns (or even seniors) as we want to focus on having the smallest possible team (of 4 full time people) as it's less managing required. We don't have the capacity to train new people - sorry.

[@infiniter11]

Love from India❤, Can you tell me the name of your Keyboard?

[@MalewiczHype]

Keychron K3 Pro in white with two custom red keys

[@MohammedBenmchich-ed3vn]

Hi everyone 👋

[@MalewiczHype]

Hey!

[@rairon3131]

jestes z polski?

[@another.designer]

🙌🏻 Really appreciate the effort and thanks for giving us a little sneak peak 🫣. 8:28 which tool is it?

[@MalewiczHype]

The tool is called Hype (by Tumult Co) and we used it for a couple years, now are moving towards Rive, but this project was done in 2022/23 so we still used Hype then.

[@Christian-ql4vw]

!!!!!!!!! :D