E-commerce App Design in Adobe XD (Wireframe/Mockup + Prototype)

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

КОМЕНТАРІ • 447

  • @ninonini79
    @ninonini79 3 роки тому +56

    This is the best channel for designers I've seen. No talking! Just detailed actions. Thank you so much! Made a big improvement to my portfolio.

    • @DesignSense
      @DesignSense  3 роки тому +6

      We are glad our channels is valuable to you.

  • @ahmadullahahmadzai8834
    @ahmadullahahmadzai8834 2 роки тому

    Thanks bro finally someone who isn't posting malware or fake stuff, you deserve my subscribe!

  • @radenmuhrizanulakbararrosy8251
    @radenmuhrizanulakbararrosy8251 2 роки тому

    Just bought soft soft! So excited to get started!!

  • @eugeniuchiritoiu9591
    @eugeniuchiritoiu9591 2 роки тому

    Thank You so much I have been trying to crack it since 2 days.. Finally it worked.. thanks

  • @makevine7211
    @makevine7211 3 роки тому +66

    imagine html css worker love this hahah

    • @fixthebug2060
      @fixthebug2060 Рік тому

      I do and willing to shift as ui designer

  • @Eren89164
    @Eren89164 3 роки тому +15

    Just Unbelievable... The elegant👌 looking interface ever. Loved it. Bro. Appreciate the hard work behind ❤️... Thanks for sharing this 👍

    • @DesignSense
      @DesignSense  3 роки тому +3

      Thank you for your appreciations 😊. Stay tuned

    • @rajuu2001
      @rajuu2001 3 роки тому

      Sir jii hamko ek app bna na hai

    • @DesignSense
      @DesignSense  3 роки тому +1

      @@rajuu2001 ap Facebook page pa ya Instagram pa contact kar sakta han

  • @rachitjasoria9041
    @rachitjasoria9041 3 роки тому

    this took you 22 minutes and it took me 4 hrs 😂😅😅 as i am a beginner and this was my first project! thanks for the tutorial!!!

    • @DesignSense
      @DesignSense  3 роки тому +1

      Don't worry keep practicing. Thank you 😊

  • @අනුරුද්ධසමරදිවාකර

    You are the greatest UXUI Designer on earth 🌎 no doubt ❤️✅ much love from sri lanka

    • @DesignSense
      @DesignSense  4 роки тому

      Thank you for your love and support ☺️

  • @donaldcanonoy3312
    @donaldcanonoy3312 2 роки тому +1

    IT'S ALWAYS THE UNDERRATED VID THAT'S LEGIT! THANK YOU!

  • @phuongnamnguyen4544
    @phuongnamnguyen4544 2 роки тому +1

    Thanks, this's perfect video👍

  • @ทดสอบใช้งาน-ฆ9ล

    It can't get anymore simple than this. Thank you soo much howtobasic!

  • @coloroflove
    @coloroflove 3 роки тому +1

    You just got a subscriber. This is very cool. You're good.

    • @DesignSense
      @DesignSense  3 роки тому

      Thanks. Stay tuned, more are coming 👍

  • @hey.ItsNiki
    @hey.ItsNiki 2 роки тому

    Gonna start from here. Thank you for the awesome video.💕

  • @yunushyamloglu6601
    @yunushyamloglu6601 2 роки тому

    Great, I'm lucky, it works great for me without errors

  • @cyrilde25
    @cyrilde25 Рік тому

    It's great channel for me keep learning about the UIUX design. Thank you so much, you provide different tutorial and show very detail. It's always make me keep good "design sense" !

    • @DesignSense
      @DesignSense  Рік тому +1

      Great to hear! Stay tuned for more videos❤❣🥰

  • @ShredCut
    @ShredCut 3 роки тому +7

    Good Work....I appreciate this very much....✔

    • @DesignSense
      @DesignSense  3 роки тому +1

      Thank you for your appreciations 😊

  • @JK_TENEBROAbellana_11
    @JK_TENEBROAbellana_11 Рік тому

    thank u so much this video has been very helpful for my education

    • @DesignSense
      @DesignSense  Рік тому +1

      Glad to hear, it was helpful ☺️

  • @snipe2k18
    @snipe2k18 2 роки тому

    That Guy Thanks, I will look into it later.

  • @kadirhussain7365
    @kadirhussain7365 3 роки тому +1

    Bhai buy now wala karo na our app main kaise convert kare wo tuturial banao na bhai please yaar pehli baar main hi fan hogya aapka

    • @DesignSense
      @DesignSense  3 роки тому

      Food app ko hm ne android studio me develop keya ha. We tutorial check kar lo.

  • @divone1793
    @divone1793 3 роки тому +1

    I subscribed as soon as the video ended. Good job 👏👏

  • @chona456
    @chona456 3 роки тому +1

    I learned a lot buy just watching this. Thanks!

  • @saicharansigiri2964
    @saicharansigiri2964 3 роки тому

    God of Designs ❤

  • @narendrameena4737
    @narendrameena4737 2 роки тому

    hanks lot Sir.. You helping us..

  • @chaitrajoshi2743
    @chaitrajoshi2743 3 роки тому

    Successfully replicated this one as well. Thanks DesignSense

  • @karunsureshkumar4612
    @karunsureshkumar4612 3 роки тому +1

    simple but clear teaching. could u do more of these

  • @lailaalmalki5793
    @lailaalmalki5793 2 роки тому

    It was great, first time using XD. Thanks.

  • @styvenpigozzo9628
    @styvenpigozzo9628 2 роки тому

    Thank you for explaining this thoroughly!

  • @sushmitadesai2812
    @sushmitadesai2812 3 роки тому

    From your video I got start learning the ui design 👍

    • @DesignSense
      @DesignSense  3 роки тому

      We're glad it was helpful 🙌

  • @MTOBRO
    @MTOBRO 2 роки тому

    Thanks bro that was really helpful

  • @Angry_Cat00
    @Angry_Cat00 3 роки тому +2

    Thank you bro, that what I'm looking for , keep doing 🥰🥰

  • @limon665
    @limon665 3 роки тому

    what a music.......what a music.......love it...

  • @wesleymacedo9717
    @wesleymacedo9717 3 роки тому +6

    Achei o design bem elegante. Parabéns!

  • @fakhrioficial8061
    @fakhrioficial8061 2 роки тому

    this video helped me. thanks

  • @jessanymorais6374
    @jessanymorais6374 2 роки тому

    Thank you for tNice tutorials. SwitcNice tutorialng to soft from setupcraft and MascNice tutorialne is incredibly daunting and I didn't know where to start. I will definitely be

  • @empregasetelagoas3317
    @empregasetelagoas3317 2 роки тому

    Thank you for this informative and educational video!

  • @christophercoronel471
    @christophercoronel471 3 роки тому +3

    How can i make this animation 0:11 to show my projects?

  • @kingalech6748
    @kingalech6748 2 роки тому

    Wow thank you so much that really helped

  • @Stevenastudillo90
    @Stevenastudillo90 3 роки тому +4

    You got a new subscriber today!! Great job!! You made me smile while watching this.

  • @MrIcassio
    @MrIcassio 2 роки тому

    Thank you, it works perfect!

  • @osmanymn3657
    @osmanymn3657 2 роки тому

    That's really good tutorial... Easy and enjoyful

  • @rajudasrudro
    @rajudasrudro 3 роки тому +1

    OMG! Very Nice. 😍

  • @mbhomeatacado3990
    @mbhomeatacado3990 2 роки тому

    Really nice and helpful... Thanks!

  • @alerivsm
    @alerivsm 2 роки тому

    works perfectly, thank you

  • @justinarchibald138
    @justinarchibald138 2 роки тому

    very well, I liked everything

  • @pedahzur3663
    @pedahzur3663 3 роки тому +2

    you are so good. have you design any app?

    • @DesignSense
      @DesignSense  3 роки тому +1

      Thanks, you can watch our other videos of app design.

  • @mranjuc3406
    @mranjuc3406 3 роки тому

    You get a new subscriber.. Keep it up. ✅

  • @skulgamer5442
    @skulgamer5442 3 роки тому

    Loved this. Thanks for sharing with us.

  • @andrzejd.9706
    @andrzejd.9706 2 роки тому

    Thank you so much bro. Sending virtual hugs. Worked like a charm ;-)

  • @chrisfahie2767
    @chrisfahie2767 2 роки тому

    Still working as of today, ty!

  • @yuslinandev
    @yuslinandev 3 роки тому +2

    Muy bonito. Me sirve de inspiración 😊 . Buen contenido!!!

  • @N4nZeR
    @N4nZeR 3 роки тому +1

    Very nice keep up

  • @tongiedesign9787
    @tongiedesign9787 Рік тому

    This is a really nice design

  • @LowBudgetReview
    @LowBudgetReview 4 роки тому +1

    I really love it....it helps me a lot👍 ...❤️ Thanks dude

    • @DesignSense
      @DesignSense  4 роки тому

      You're welcome 😊, stay tuned

    • @improperanyhow
      @improperanyhow 4 роки тому +1

      @@DesignSense Please Design This In Figma

    • @DesignSense
      @DesignSense  4 роки тому

      @@improperanyhow sure, soon we will upload tutorials about figma. Thanks

  • @News_Shorts-
    @News_Shorts- 3 роки тому +4

    Html css and xD loved it!

  • @MarkRambotech
    @MarkRambotech 3 роки тому +8

    From a developer angle, this design has 2 parts not that reasonable:
    1. User won't upload transparent bg product;
    2. We can't set the triangle's bg according to the product's main color.

    • @DesignSense
      @DesignSense  3 роки тому

      I think it not impractical but yes it needs a better solution. Thanks.

    • @OneTamadTV
      @OneTamadTV 3 роки тому

      You can hide the products that are not in the viewport though...

    • @bahadird
      @bahadird 3 роки тому +1

      1 - Yes I agree about transparent images, but not that impossible.
      2- Administrators should be able to register the product's color (at least) for filtering purposes. Yes, you can't set the triangle colors automatically, but it can be (and should be) done from the cms manually. Looks like Audiozic won't have user-generated content (like Amazon has).

  • @Diegobram.design
    @Diegobram.design 3 роки тому +3

    Que massaaa!! A muito tempo que queria encontrar um canal assim

  • @apnadesiranch
    @apnadesiranch 3 роки тому

    Very Good Really Appreciate... best of luck
    love and respect from saudi arabia

    • @DesignSense
      @DesignSense  3 роки тому

      Thank you for your love and support ❤️.

  • @Rakesh-up8yj
    @Rakesh-up8yj 2 роки тому +1

    hey man nice work my question is that can by doing some changes I include it in my portfolio

    • @DesignSense
      @DesignSense  2 роки тому

      Depends on how much do you change it.

  • @aldriansahwisnu4027
    @aldriansahwisnu4027 2 роки тому

    Thank You So Much Bud

  • @sreejithps7527
    @sreejithps7527 4 роки тому +8

    4:22 Hey how did you draw that guide lines.Please reply.

    • @DesignSense
      @DesignSense  4 роки тому +3

      Simply drag by mouse the guides from the top and the left side. Thanks

    • @ankurbhatt007
      @ankurbhatt007 4 роки тому

      @@DesignSense Thanks man!

  • @martafonseca5475
    @martafonseca5475 3 роки тому +1

    The finished product looks a lot better than most tutorials here, but you don't talk about the Apple/Androids guidelines, grid system, nothing... It's all just by 'eye' and gut

    • @DesignSense
      @DesignSense  3 роки тому

      We will talk about guidelines and grid system etc in the near future.

  • @Rony_life_style
    @Rony_life_style 3 роки тому +2

    Parabéns pelo projeto, espero que entenda minha linguagem

  • @khansaarshad8878
    @khansaarshad8878 3 роки тому

    Please speak while u design.. Great work

  • @ActressandModels
    @ActressandModels 3 роки тому

    You got a new subscriber today!!

  • @umarfraz1191
    @umarfraz1191 Рік тому +1

    Superb

  • @andinmarley
    @andinmarley 2 роки тому

    This editing is beautiful

  • @pratheekshetty.m5784
    @pratheekshetty.m5784 4 роки тому +1

    Super bro keep going

  • @hi_positivitee3322
    @hi_positivitee3322 3 роки тому +1

    Hi, how did you bring that layout as a phone shape...I am looking for a solution...please help...

    • @DesignSense
      @DesignSense  3 роки тому

      This is called mock up. We have a video on this topic. Please watch that video.

  • @aimanali9868
    @aimanali9868 3 роки тому +1

    3:36 it does not happen on my pc. The subtract tool gives me a square instead of arrow

    • @DesignSense
      @DesignSense  3 роки тому +1

      Make sure your arrow icon is in svg format, and in front of ellipse.

    • @aimanali9868
      @aimanali9868 3 роки тому +1

      Thanks

  • @sale7680
    @sale7680 Рік тому +1

    Bravo

  • @charlesajiboye4421
    @charlesajiboye4421 4 роки тому +1

    Great job, i like this..The Source file you posted is different from what you designed in the video. I will like to have this source file so as to practice. Thanks

    • @DesignSense
      @DesignSense  4 роки тому +2

      The link is updated please try again, thank you 😊

    • @akshayvisweswar9580
      @akshayvisweswar9580 4 роки тому

      @@DesignSense Great job, I like this. in the source file icon are not available.

  • @riccoc.6507
    @riccoc.6507 2 роки тому

    You have talent

  • @aliastar5616
    @aliastar5616 Рік тому

    please can you tell me how did you get those logos when chrome icon in it?

  • @just.a.random.comment
    @just.a.random.comment 3 роки тому +2

    Great tutorial. I have a question on mind, do I need to know coding in order to become a ui/ux designer?

    • @DesignSense
      @DesignSense  3 роки тому +1

      No, you don't need 😊.

    • @omardanial7351
      @omardanial7351 3 роки тому

      no... you need to have design sense ... colour science .. and aesthetics

  • @Arshhhe
    @Arshhhe 3 роки тому

    Nicely Done!

  • @systemachic
    @systemachic 2 роки тому

    Works good, tnx

  • @Manwhoreads
    @Manwhoreads Рік тому

    Sir can you say where did you toom those brand logos like JBL akg

  • @behappy2529
    @behappy2529 2 роки тому +1

    can you please tell me how can I share this file with client. I mean should I share the jpeg format

    • @DesignSense
      @DesignSense  2 роки тому +1

      Share your source file or the link with your client.

    • @behappy2529
      @behappy2529 2 роки тому

      @@DesignSense thank you😇

  • @arunsarkar5573
    @arunsarkar5573 3 роки тому +1

    After creating this can we use dynamic

  • @TheMR-777
    @TheMR-777 3 роки тому +3

    These are so wonderful ideas! and...
    Can I know which Music is playing in the background?
    It's way Great!

    • @DesignSense
      @DesignSense  3 роки тому +1

      The links are given in the description. Good luck!

    • @TheMR-777
      @TheMR-777 3 роки тому +2

      @@DesignSense Wow Great, I found that!
      Thank you very much for both :),
      (Design + Background Music Link)

  • @Buggaeman
    @Buggaeman 3 роки тому +1

    Too good 👌

  • @shahfoysalahmed2988
    @shahfoysalahmed2988 3 роки тому

    excellent work 🤟💻

  • @gigefour
    @gigefour 3 роки тому

    AMAZING 😍😍😍😍😍😍😍

  • @huyle3866
    @huyle3866 3 роки тому +1

    I'm beginner of ui/ux designer. Which program is best in design sir ? .I dunno choose between adobe xD and figma .Thanks

    • @DesignSense
      @DesignSense  3 роки тому

      There will always be some tools better than other but most of the time you can achieve the same results. So in my opinion tools doesn't matter, choose the one you are good at.

  • @nemesiszz
    @nemesiszz 3 роки тому +1

    how did you make the logo? plz help fast 😥

  • @wilmermonsalvo-c3j
    @wilmermonsalvo-c3j 2 роки тому

    thank you!!! video liked and u got a well deserved sub from me!!!!

  • @PRIMITIVE2050
    @PRIMITIVE2050 3 роки тому +1

    Excellent work!

  • @nurlytan_berikbol
    @nurlytan_berikbol 2 роки тому +1

    Now it's left to write some code
    Most difficult part is over - designing😄

  • @temitopeajayi7613
    @temitopeajayi7613 2 роки тому

    Great job! Please utilize the repeat grid feature. Everything seems pretty embarrassing without maximizing it. Great job bruh

  • @dinnnnnnnnnnnn
    @dinnnnnnnnnnnn 11 місяців тому

    Adobe XD, RIP! 😭
    spent ages on it...
    testing out Lunacy now - not bad so far

  • @vitorpaulosouzasantos6917
    @vitorpaulosouzasantos6917 2 роки тому

    It's just awesome

  • @alisoroori1425
    @alisoroori1425 2 роки тому

    thanks man👍

  • @CrookzArtwork
    @CrookzArtwork 3 роки тому

    Clean and minimal but sometime u have to talk it can help

    • @DesignSense
      @DesignSense  3 роки тому +1

      Soon we will start voice over on videos stay tuned, thanks 😊

  • @ak56867
    @ak56867 3 роки тому

    awesome, can you please share with me how to record the prototype like in your video's intro.

    • @DesignSense
      @DesignSense  3 роки тому

      You can record this in OBS or windows games recorder.

  • @eguchiyuuki
    @eguchiyuuki Рік тому

    Great!

  • @siddharthkm6586
    @siddharthkm6586 3 роки тому +1

    The software you are using is figma right?

  • @easyprintcomputer3857
    @easyprintcomputer3857 4 роки тому

    Good information I like it

  • @bismillahithouse
    @bismillahithouse 3 роки тому +2

    I love it too !!

  • @KamranKhan-s8h3b
    @KamranKhan-s8h3b 11 місяців тому

    Over all presentation is nice but in the last the price of Maroon color Headphone????

    • @DesignSense
      @DesignSense  11 місяців тому

      Hahaha those are just a dummy price's

  • @ErcanKarahan
    @ErcanKarahan 3 роки тому +1

    Hello, how do you provide the color management of the software? Colors look different when exported from ADOBE XD.