How I Made a Client's App Awesome

Поділитися
Вставка
  • Опубліковано 22 лис 2024

КОМЕНТАРІ • 135

  • @ebregains
    @ebregains 3 місяці тому +27

    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 🙌🙌

    • @alwayzsmarter
      @alwayzsmarter Місяць тому

      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

  • @aj-lan284
    @aj-lan284 2 місяці тому +4

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

  • @ChrisPirillo147
    @ChrisPirillo147 3 місяці тому +5

    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  3 місяці тому +3

      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
    @theprimecoder4981 3 місяці тому +6

    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

  • @abdoo3301
    @abdoo3301 3 місяці тому +15

    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  3 місяці тому +5

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

  • @SrivishanthT
    @SrivishanthT 8 днів тому

    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
    @tekiero 3 місяці тому +3

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

    • @MalewiczHype
      @MalewiczHype  3 місяці тому +3

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

  • @G00dhead
    @G00dhead 3 місяці тому +5

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

  • @amirb4343
    @amirb4343 3 місяці тому +2

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

    • @MalewiczHype
      @MalewiczHype  3 місяці тому +1

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

  • @wrdj3094
    @wrdj3094 3 місяці тому +1

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

    • @MalewiczHype
      @MalewiczHype  3 місяці тому +1

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

  • @sarahezzer5249
    @sarahezzer5249 2 місяці тому

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

    • @MalewiczHype
      @MalewiczHype  2 місяці тому

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

  • @hseindesigns
    @hseindesigns 3 місяці тому +2

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

    • @MalewiczHype
      @MalewiczHype  3 місяці тому +1

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

    • @hseindesigns
      @hseindesigns 3 місяці тому

      @@MalewiczHype 🫡🫡🫡

  • @teathobi
    @teathobi Місяць тому +1

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

  • @SafiulBari-n3x
    @SafiulBari-n3x 3 місяці тому

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

  • @artfrody
    @artfrody 3 місяці тому +1

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

    • @MalewiczHype
      @MalewiczHype  3 місяці тому

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

    • @artfrody
      @artfrody 3 місяці тому +1

      @@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 3 місяці тому +1

      @@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 3 місяці тому

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

  • @Worminatordk
    @Worminatordk 3 місяці тому

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

    • @MalewiczHype
      @MalewiczHype  3 місяці тому

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

  • @whateverthisisyo
    @whateverthisisyo 3 місяці тому

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

    • @MalewiczHype
      @MalewiczHype  3 місяці тому +1

      Thanks! The app is called procreate.

  • @DailyPaily
    @DailyPaily 3 місяці тому +1

    Excellent as usuall

  • @suzanneshea520
    @suzanneshea520 3 місяці тому

    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  3 місяці тому

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

  • @Victoto-jn1it
    @Victoto-jn1it 3 місяці тому

    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  3 місяці тому +1

      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 ;)

  • @sourishsharma17
    @sourishsharma17 3 місяці тому

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

    • @MalewiczHype
      @MalewiczHype  3 місяці тому

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

  • @johnny1o1o
    @johnny1o1o 3 місяці тому

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

  • @johnnymartinez3152
    @johnnymartinez3152 3 місяці тому

    16minutes Doug E. Fresh, your on!

  • @TripleM24
    @TripleM24 3 місяці тому

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

    • @MalewiczHype
      @MalewiczHype  3 місяці тому

      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.

  • @isthatsharanya
    @isthatsharanya 3 місяці тому

    Love this, waiting for the september video now ;)

    • @MalewiczHype
      @MalewiczHype  3 місяці тому

      They do take a while so probably late september 😂

  • @ishastone8251
    @ishastone8251 3 місяці тому

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

    • @MalewiczHype
      @MalewiczHype  3 місяці тому

      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 3 місяці тому

      @@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  3 місяці тому +1

      $7000 per sprint, so in this case x4.

    • @ishastone8251
      @ishastone8251 3 місяці тому +1

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

  • @Jeremy-kw6rd
    @Jeremy-kw6rd 3 місяці тому

    great content ! can't wait to see more

    • @MalewiczHype
      @MalewiczHype  3 місяці тому +1

      Already working on the next one! :)

  • @Mbarak-c7h
    @Mbarak-c7h 3 місяці тому

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

  • @ArborSeas
    @ArborSeas 3 місяці тому

    Wow another great video! 🙌🏻

  • @urssoz
    @urssoz 3 місяці тому

    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.

  • @dmitri3947
    @dmitri3947 3 місяці тому

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

  • @adam_moucka
    @adam_moucka 3 місяці тому

    It's here!

  • @bolajiadefioye6600
    @bolajiadefioye6600 3 місяці тому

    thank you, appreciate the content value

  • @karltam3831
    @karltam3831 2 місяці тому

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

    • @MalewiczHype
      @MalewiczHype  2 місяці тому

      Most of the time its rewritten

  • @Hygge2921
    @Hygge2921 3 місяці тому

    The process was very clear 😌😌

  • @techtalks003
    @techtalks003 3 місяці тому

    Great design

  • @taekjembret2065
    @taekjembret2065 3 місяці тому

    @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  3 місяці тому +1

      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.

  • @vishnuui
    @vishnuui 3 місяці тому

    Hi @Malewicz Love from India🇮🇳❤

  • @BlackEyedDragin
    @BlackEyedDragin 3 дні тому

    Does anyone know the actual app? It looks interesting!

  • @georgefawzi6340
    @georgefawzi6340 3 місяці тому

    Hello Michal
    do you plan on launching a UX course?

    • @MalewiczHype
      @MalewiczHype  3 місяці тому +1

      Not really, it stopped being relevant.

  • @junaiddar8383
    @junaiddar8383 3 місяці тому

    Which tool is used to create that image blur effect?

  • @Shako
    @Shako 3 місяці тому

    very good content, thank you

  • @PunitChawla
    @PunitChawla 3 місяці тому

    Always jealous of your edits 😂

  • @omrisadovsky
    @omrisadovsky 3 місяці тому

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

    • @MalewiczHype
      @MalewiczHype  3 місяці тому

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

  • @Obakusan
    @Obakusan 3 місяці тому

    Good stuff!

    • @MalewiczHype
      @MalewiczHype  3 місяці тому

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

  • @trienviptb
    @trienviptb 3 місяці тому

    very valuable video

  • @uisuleman
    @uisuleman 3 місяці тому

    great desgin

  • @rihakhan1539
    @rihakhan1539 3 місяці тому

    What was the software used to create the blurring animation?

    • @MalewiczHype
      @MalewiczHype  3 місяці тому +2

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

    • @rihakhan1539
      @rihakhan1539 3 місяці тому

      @@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

  • @hacorn96
    @hacorn96 3 місяці тому +2

    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  3 місяці тому

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

    • @hacorn96
      @hacorn96 3 місяці тому +1

      @@MalewiczHype I see. Very insightful video.

  • @muhamadsaeedd
    @muhamadsaeedd 3 місяці тому

    Waiting!!! ❤

  • @muhamadsaeedd
    @muhamadsaeedd 3 місяці тому

    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  3 місяці тому

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

  • @ere.
    @ere. 3 місяці тому

    Is that Ipad MIni that you use for drawing?

    • @MalewiczHype
      @MalewiczHype  3 місяці тому

      Yes.

    • @ere.
      @ere. 3 місяці тому

      @@MalewiczHype Look super handy for annotation drawings 💎

    • @MalewiczHype
      @MalewiczHype  3 місяці тому

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

  • @nilamadhabmarndi8620
    @nilamadhabmarndi8620 3 місяці тому

    whats the tools used on 8:45 ??

  • @infiniter11
    @infiniter11 3 місяці тому

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

    • @MalewiczHype
      @MalewiczHype  3 місяці тому

      Keychron K3 Pro in white with two custom red keys

  • @tekiero
    @tekiero 3 місяці тому

    and what was that red square method from descriptiom?

    • @MalewiczHype
      @MalewiczHype  3 місяці тому +1

      It's an alignment method we do.

    • @tekiero
      @tekiero 3 місяці тому

      @@MalewiczHype MALEWICZ!!

  • @souvikpradhan1053
    @souvikpradhan1053 3 місяці тому

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

  • @faizanbaber
    @faizanbaber 3 місяці тому

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

    • @MalewiczHype
      @MalewiczHype  3 місяці тому

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

  • @tekiero
    @tekiero 3 місяці тому

    Why don't you use Figma btw?

    • @MalewiczHype
      @MalewiczHype  3 місяці тому +1

      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.

  • @MohammedBenmchich-ed3vn
    @MohammedBenmchich-ed3vn 3 місяці тому +2

    Hi everyone 👋

  • @Yemiakanbi
    @Yemiakanbi 3 місяці тому

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

    • @MalewiczHype
      @MalewiczHype  3 місяці тому +1

      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.

  • @neodidi
    @neodidi 3 місяці тому

    The site squareblack isn't loading up

    • @MalewiczHype
      @MalewiczHype  3 місяці тому +1

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

    • @neodidi
      @neodidi 3 місяці тому

      @@MalewiczHype ok.. Thank you

  • @another.designer
    @another.designer 3 місяці тому

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

    • @MalewiczHype
      @MalewiczHype  3 місяці тому +1

      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.

  • @rairon3131
    @rairon3131 3 місяці тому

    jestes z polski?

  • @Christian-ql4vw
    @Christian-ql4vw 3 місяці тому

    !!!!!!!!! :D