Тёмный

How I Made a Client's App Awesome 

Malewicz
Подписаться 155 тыс.
Просмотров 20 тыс.
50% 1

Опубликовано:

 

24 сен 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 132   
@ebregains
@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 🙌🙌
@aj-lan284
@aj-lan284 24 дня назад
we want more videos like this with even more detail. liked it so much Malewicz❤
@abdoo3301
@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
@MalewiczHype Месяц назад
Most our real client projects were annotated in similar ways, it's just that we couldn't show many of them ;)
@theprimecoder4981
@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
@ChrisPirillo147
@ChrisPirillo147 Месяц назад
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
@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 :)
@tekiero
@tekiero Месяц назад
This was very helpful! Never seen commercial project like that with whole story. Thanks!
@MalewiczHype
@MalewiczHype Месяц назад
Most people are afraid of doing it - we're not.
@G00dhead
@G00dhead Месяц назад
Who let our design messiah cook??? that intro was and is fire!
@MalewiczHype
@MalewiczHype Месяц назад
Glad you liked it!
@amirb4343
@amirb4343 Месяц назад
So excited to see you on a live process of design! 🎉🤩
@MalewiczHype
@MalewiczHype Месяц назад
Me too!! It's fun to share these with the world finally.
@wrdj3094
@wrdj3094 Месяц назад
Great video! Loved the colors, typography and overall design of this app and was delighted when this video was about that app.
@MalewiczHype
@MalewiczHype Месяц назад
Great to hear! Already started work on the next case study.
@hseindesigns
@hseindesigns Месяц назад
Thanks for sharing what real design is all about! Love the new website, btw :D
@MalewiczHype
@MalewiczHype Месяц назад
Thanks. Not sure we do “real” design but we always just do it our way 🫡
@hseindesigns
@hseindesigns Месяц назад
@@MalewiczHype 🫡🫡🫡
@sarahezzer5249
@sarahezzer5249 14 дней назад
This video is amazing, each part super well explained!! Bravo
@MalewiczHype
@MalewiczHype 14 дней назад
thanks! I share one real client project per month like that, next one soon 🫡
@SafiulBari-n3x
@SafiulBari-n3x Месяц назад
Nice. I think It's a superb video, 100/100 explanation.
@artfrody
@artfrody Месяц назад
Thank you! A short instruction on how it should ideally work, I mean creating a design
@MalewiczHype
@MalewiczHype Месяц назад
It's a bit different every time, so there's no full pattern, but there are parts that look similar each time.
@artfrody
@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
@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
@wormholeinteractive
@wormholeinteractive Месяц назад
Wait a sec! You're a hype user! Fan for life~
@Worminatordk
@Worminatordk Месяц назад
Thanks for that... looking forward to the next one.
@MalewiczHype
@MalewiczHype Месяц назад
Appreciate it! They do take a lot of work, but they're fun to do.
@DailyPaily
@DailyPaily Месяц назад
Excellent as usuall
@MalewiczHype
@MalewiczHype Месяц назад
Thank you!
@hacorn96
@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
@MalewiczHype Месяц назад
4 months of work. One person full time, and one 1/4 time (me). And 5 people on the client side.
@hacorn96
@hacorn96 Месяц назад
@@MalewiczHype I see. Very insightful video.
@techtalks003
@techtalks003 Месяц назад
Great design
@MalewiczHype
@MalewiczHype Месяц назад
Thanks a lot
@ArborSeas
@ArborSeas Месяц назад
Wow another great video! 🙌🏻
@suzanneshea520
@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
@MalewiczHype Месяц назад
This project took 4 months to finish (of actual work). Was done within 5 months I think.
@adam_moucka
@adam_moucka Месяц назад
It's here!
@MalewiczHype
@MalewiczHype Месяц назад
It is!
@isthatsharanya
@isthatsharanya Месяц назад
Love this, waiting for the september video now ;)
@MalewiczHype
@MalewiczHype Месяц назад
They do take a while so probably late september 😂
@Shako
@Shako Месяц назад
very good content, thank you
@MalewiczHype
@MalewiczHype Месяц назад
Glad you think so!
@vishnuui
@vishnuui Месяц назад
Hi @Malewicz Love from India🇮🇳❤
@MalewiczHype
@MalewiczHype Месяц назад
Much love!
@whateverthisisyo
@whateverthisisyo Месяц назад
What app do you use for annoating the wireframes? The ones with white wireframes and red hand writing. Excellent video, thank you!
@MalewiczHype
@MalewiczHype Месяц назад
Thanks! The app is called procreate.
@dmitri3947
@dmitri3947 Месяц назад
I've been waiting for the case study, thank you
@MalewiczHype
@MalewiczHype Месяц назад
Hope you like it!
@Jeremy-kw6rd
@Jeremy-kw6rd Месяц назад
great content ! can't wait to see more
@MalewiczHype
@MalewiczHype Месяц назад
Already working on the next one! :)
@taekjembret2065
@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
@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.
@uisuleman
@uisuleman Месяц назад
great desgin
@johnnymartinez3152
@johnnymartinez3152 Месяц назад
16minutes Doug E. Fresh, your on!
@MalewiczHype
@MalewiczHype Месяц назад
I'm always on!
@maxzthings
@maxzthings Месяц назад
Thumbnail is too good
@MalewiczHype
@MalewiczHype Месяц назад
Thanks!
@muhamadsaeedd
@muhamadsaeedd Месяц назад
Waiting!!! ❤
@MalewiczHype
@MalewiczHype Месяц назад
See you there! :)
@sourishsharma17
@sourishsharma17 Месяц назад
As always, a superbly useful video! One question - how long did each of the major stages of the project take? thanks :))
@MalewiczHype
@MalewiczHype Месяц назад
The entire project took 4 months of work, spread out over 5 months total running time.
@bolajiadefioye6600
@bolajiadefioye6600 Месяц назад
thank you, appreciate the content value
@MalewiczHype
@MalewiczHype Месяц назад
My pleasure! More to come!
@Hygge2921
@Hygge2921 Месяц назад
The process was very clear 😌😌
@MalewiczHype
@MalewiczHype Месяц назад
Glad to hear :) More to come.
@Victoto-jn1it
@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
@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 ;)
@Mbarak-c7h
@Mbarak-c7h Месяц назад
great video, what was that tool used for the blur?
@MalewiczHype
@MalewiczHype Месяц назад
Tumult's Hype
@trienviptb
@trienviptb Месяц назад
very valuable video
@ishastone8251
@ishastone8251 Месяц назад
Great video! I'm wondering how many hours of work the design process took approximately from scratch to handoff ?
@MalewiczHype
@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
@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
@MalewiczHype Месяц назад
$7000 per sprint, so in this case x4.
@ishastone8251
@ishastone8251 Месяц назад
@@MalewiczHype appreciate your transparency, it’s a big motivation. Thanks again for the value you give us and greetings from Ukraine 👋
@TripleM24
@TripleM24 Месяц назад
Great video. Random, but what keyboard are you using and what keycaps are those with the white and red?
@MalewiczHype
@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.
@johnny1o1o
@johnny1o1o Месяц назад
Thanks for the explanation, very helpful! What's the app being used for sketching on the tablet device?
@MalewiczHype
@MalewiczHype Месяц назад
procreate
@PunitChawla
@PunitChawla Месяц назад
Always jealous of your edits 😂
@MalewiczHype
@MalewiczHype Месяц назад
Nah nothing fancy here 🫡
@Obakusan
@Obakusan Месяц назад
Good stuff!
@MalewiczHype
@MalewiczHype Месяц назад
Thanks! I really hope to do one per month as we've done a lot of projects in the last few years.
@karltam3831
@karltam3831 27 дней назад
when you redesign. do you rewrite your code from scratch? or you base on their original code, you modify it?
@MalewiczHype
@MalewiczHype 27 дней назад
Most of the time its rewritten
@muhamadsaeedd
@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
@MalewiczHype Месяц назад
Glad it was helpful! We do some stuff differently and clients seem to like it.
@urssoz
@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
@MalewiczHype Месяц назад
Mostly Sketch.
@MohammedBenmchich-ed3vn
@MohammedBenmchich-ed3vn Месяц назад
Hi everyone 👋
@MalewiczHype
@MalewiczHype Месяц назад
Hey!
@omrisadovsky
@omrisadovsky Месяц назад
damn that keyborad looks so good, what is the name of the keyboard?
@MalewiczHype
@MalewiczHype Месяц назад
Keychron K3 Pro - but I got a custom keycap version from them (with the red keys)
@nilamadhabmarndi8620
@nilamadhabmarndi8620 Месяц назад
whats the tools used on 8:45 ??
@georgefawzi6340
@georgefawzi6340 Месяц назад
Hello Michal do you plan on launching a UX course?
@MalewiczHype
@MalewiczHype Месяц назад
Not really, it stopped being relevant.
@junaiddar8383
@junaiddar8383 Месяц назад
Which tool is used to create that image blur effect?
@MalewiczHype
@MalewiczHype Месяц назад
Tumult's Hype
@souvikpradhan1053
@souvikpradhan1053 Месяц назад
Sir how to create that blur animation while scrolling in Figma?
@MalewiczHype
@MalewiczHype Месяц назад
Dunno, I don’t use Figma
@tekiero
@tekiero Месяц назад
and what was that red square method from descriptiom?
@MalewiczHype
@MalewiczHype Месяц назад
It's an alignment method we do.
@tekiero
@tekiero Месяц назад
@@MalewiczHype MALEWICZ!!
@ere.
@ere. Месяц назад
Is that Ipad MIni that you use for drawing?
@MalewiczHype
@MalewiczHype Месяц назад
Yes.
@ere.
@ere. Месяц назад
@@MalewiczHype Look super handy for annotation drawings 💎
@MalewiczHype
@MalewiczHype Месяц назад
It's nice cause it's light and just about the size of the apple pencil. Less to carry around :)
@infiniter11
@infiniter11 Месяц назад
Love from India❤, Can you tell me the name of your Keyboard?
@MalewiczHype
@MalewiczHype Месяц назад
Keychron K3 Pro in white with two custom red keys
@rihakhan1539
@rihakhan1539 Месяц назад
What was the software used to create the blurring animation?
@MalewiczHype
@MalewiczHype Месяц назад
Tumult's Hype - but we're slowly switching to Rive.
@rihakhan1539
@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
@faizanbaber
@faizanbaber Месяц назад
Is it possible to work with you? do you hire any remote designers?
@MalewiczHype
@MalewiczHype Месяц назад
No, we're keeping the team super small because we don't have the capacity to manage people.
@tekiero
@tekiero Месяц назад
Why don't you use Figma btw?
@MalewiczHype
@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.
@Yemiakanbi
@Yemiakanbi Месяц назад
can i apply as an intern designer with your company ? i wanna work for you please.
@MalewiczHype
@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.
@rairon3131
@rairon3131 Месяц назад
jestes z polski?
@neodidi
@neodidi Месяц назад
The site squareblack isn't loading up
@MalewiczHype
@MalewiczHype Месяц назад
use a vpn - if you’re in Nigeria there’s an illegal vercel block by isp’s there.
@neodidi
@neodidi Месяц назад
@@MalewiczHype ok.. Thank you
@Christian-ql4vw
@Christian-ql4vw Месяц назад
!!!!!!!!! :D
@another.designer
@another.designer Месяц назад
🙌🏻 Really appreciate the effort and thanks for giving us a little sneak peak 🫣. 8:28 which tool is it?
@MalewiczHype
@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.
Далее
ALL Design Tools I Use Working for Clients
12:08
Просмотров 14 тыс.
Why Beautiful Websites Don’t Convert
12:57
Просмотров 137 тыс.
5 levels of UI skill. Only 4+ gets you hired.
11:05
Просмотров 435 тыс.
15 Hero Sections To Steal!
7:31
Просмотров 9 тыс.
Guide to Next Level Content Pages
12:54
Просмотров 4,2 тыс.
The jobs are ... GONE?!
8:15
Просмотров 13 тыс.
The Secret Science of Perfect Spacing
9:40
Просмотров 427 тыс.
Only Noobs Build Beautiful Websites
18:13
Просмотров 135 тыс.
Designers are ANTI-FIGMA now?
9:48
Просмотров 29 тыс.
I Redesigned the ENTIRE Spotify UI from Scratch
19:27