Thats what I was searching for web app process..thank you for that please start a playlist on such from requirement gathering doc to wireframe to wireframe to UI design webapp end to end. no one had such tuts on any channel for better understanding 😊
@@KaYungCalebLai Actually, it's great to see your answer! I'm leading a big web application project. Perhaps a video on the use of Scrumban and those things. I already saw your comments about more useful stuff like Jira and Whimsical. Also, a video about the use of Figma it would be great. Thanks! ♥
I hope to learn more on product spec feature document making. Can you make a video of it in depth lesson? Or you might go in depth with each points you’ve given I think that would be a great content too. I have lots of questions and searching for this process I’m glad that i have found you. Now I’m subscribing more power to u bro
Master web application design from start to finish. Our comprehensive guide covers planning, UX/UI, development, testing, and deployment for a seamless app creation process.
The question should be , What is the best approach to designing a product or a web application ? a) Base on knowledge b) Gather data from users c) brain storm ideas d) Systematic thinking.
I hope to learn to make web based information system for my school in the philippines...you make video from start to finish on how to make a web based system. Thank you
Man that needs a full course! You'll need to start from understanding UX. And UX is basically common sense. You can to use a bunch of apps to improve your common sense in product design.
Hello Caleb, since it's a web app, I am curious if you also designed the mobile version for it as well since the interactions and the UI are different as well? Did you design them simultaneously, or you worked on the web version first?
Good day, Caleb I have been following your videos and I like how you explain for us to understand, I'm new to website development. I have a website that I paid a developer to help me develop. He has developed it and hosted it, but my problem with him is that when ever I want to make any corrections on the website it takes my developer to much time to make the corrections, I want to know how to build and work on my website my self to avoid all the delay from my developer. Thank you as I expect your reply
Hey man, this reply is pretty late, if you're still having issues with it, here's what you can do. First, you need to ask your dev how your site is built. If it's pure HTML/CSS, you can convert your site to WordPress and install their CMS. That way you'll be able to edit all the content on your own without the help of your dev. Second, if you're site is not that big, consider rebuilding it with webflow, it's another more user friend CMS that you can edit copy. Hope that helps!
Hi @Kayung Caleb Lai - I am setting out on a similar journey so thank you very much for taking the time to explain how you went about it. Can I ask a favour please? Could you share just the template of the word document where you capturing all your thoughts and requirements?
@@KaYungCalebLai Thanks! Is there any chance you can make the features document available, it seems like so many pages for functionalities and i don't know where to start.
Props to all the hard work you have done. 700+ hours is not a small span of time.
Thanks! Haha, I probably wouldn't have the tenacity to do it again now if you ask me.
Bruh, absolutely amazing and concise video with everything i was looking for, from the developer/designer perspective, got yourself a new subscriber!
Thanks man, appreciate it!
This was a very informative video. Great detail of the steps and sums up the actual process pretty well too!
Glad it was helpful!
I totally agree.
Thats what I was searching for web app process..thank you for that please start a playlist on such from requirement gathering doc to wireframe to wireframe to UI design webapp end to end. no one had such tuts on any channel for better understanding 😊
This video is awesome. This is what I am looking for. It's specific. Thank you a lot. Hope wonderful things come to you guy 🍀💖
@@tung_uiux thanks!!
I am always looking forward to your videos. Thank you once again.
Glad it help!
Thanks for all the information, not only the video but also the info in the comments. It's really helpful ☺ Hope you're doing well and thanks again!
Thanks for watching! Let me know if you have any questions about building a product, maybe I can make a video for it
@@KaYungCalebLai Actually, it's great to see your answer! I'm leading a big web application project. Perhaps a video on the use of Scrumban and those things. I already saw your comments about more useful stuff like Jira and Whimsical.
Also, a video about the use of Figma it would be great. Thanks! ♥
Which tool were you using for the product map and prototype?
Excellent content!!! Thanks a lot. I thought I must work in a Webdev- or Design company for some time to gather this useful information.
no problem! let me know if you have any other product design questions :)
Excellent... I'll use your black and white model during the initial stages next time!
hope that's helpful to your project!
I hope to learn more on product spec feature document making. Can you make a video of it in depth lesson? Or you might go in depth with each points you’ve given I think that would be a great content too.
I have lots of questions and searching for this process I’m glad that i have found you. Now I’m subscribing more power to u bro
Hey thanks for watching. I'll think about making a video on product spec if people are interested!
Great process - thanks for sharing Caleb!
Glad to hear!
Great video. Going through same process for own project.
good luck on your project!
Master web application design from start to finish. Our comprehensive guide covers planning, UX/UI, development, testing, and deployment for a seamless app creation process.
I totally love this. Great work. Please keep uploading such videos. Could you do one for integrating apis with a web app
Thanks! I'm not a backend dev so probably don't have too much input on that..
Very nice video. Gonna design my product idea myself.
Best of luck!
Wow, looks very professional! Impressive! What tools do you use for the frontend and backend of your app?
Lovely to hear! Some react and rail for FE and ruby for BE. I only did the Html & css for development tho
It helped me a lot..Thanku so much brother
Glad to hear that!
Hey ,Thanks . This has been very helpful . What tools would you recommend for wirframing and mock up ? What software are you using ? Thanks
I was using sketch in my video, but it's outdated. Everyone is on figma now.
Hi... what platform do you use to pit together those design screens? Personal project and I'm using MS Word. Terrible. Thanksm
Try Figma :)
Please consider posting the overview word doc online for download. Good Video!!!
Hey~~ I have it up here :)
docs.google.com/document/d/19l7zWMGqrPNPrg7DLvrIhrxpVZjpKmSlyVmbOw45sXk/edit?usp=sharing
Very helpful. Thanks
What is the app are you using during your product map and high fidelity mockup?? Thanks for all your help!
I think.. it’s figma?
@@yen-8680 Thanks Yen
Thanks this is helpful.
The question should be , What is the best approach to designing a product or a web application ?
a) Base on knowledge
b) Gather data from users
c) brain storm ideas
d) Systematic thinking.
all of that I think
What is the app for writing that Kayung used?
Thank you
+700 hours including development
Or only the design?
Thank you, very usefull.
Thanks a lot, it is a great guide :)
What application did you use for your product map?
I just use sketch. There are a lot of prototyping tools out there tho.
I hope to learn to make web based information system for my school in the philippines...you make video from start to finish on how to make a web based system. Thank you
Man that needs a full course! You'll need to start from understanding UX. And UX is basically common sense. You can to use a bunch of apps to improve your common sense in product design.
Thank you❤️
thank you, great knowledge
you bet!
Hi, thanks for your sharing. Which platform/ application do you use to design and create high fidelity mockup? Is that Canvas? Thank you!
I use figma :) no serious designer would use canvas
@@KaYungCalebLai Thanks for your reply. Will go for figma then :)
Bro, very helpful. Thank you!
ur welcome!
You are cool man!
Hello Caleb, since it's a web app, I am curious if you also designed the mobile version for it as well since the interactions and the UI are different as well? Did you design them simultaneously, or you worked on the web version first?
I did the web version first, I'm not really a mobile first type of guy :) If you check the website, it's fully responsive.
amazing. thank you OP bro.
No problem!
Really Helpful!
Glad to hear that!
Hi Caleb! Awesome video guide. Curious how to get a view of your featured spec document.
Thanks! You can check out a template here
docs.google.com/document/d/19l7zWMGqrPNPrg7DLvrIhrxpVZjpKmSlyVmbOw45sXk/edit?usp=sharing
I know it's kind of off topic but do anyone know a good place to watch new series online ?
@Kyrie Shiloh i watch on Flixzone. You can find it by googling :)
i want to learn to develop web based apps , plz advise a set videos i can use to learn this process
Cool one. Thanks a lot!!
Great video. Been wondering how real world development looks like.
Glad to hear that!
Which app can I use to do this
what software are you using in your video? great video thanks for sharing!
I used Sketch for this project, but recently I've been using Figma more.
@@KaYungCalebLai on my first day on a web application course my guide and i used this.
Good day, Caleb
I have been following your videos and I like how you explain for us to understand, I'm new to website development. I have a website that I paid a developer to help me develop. He has developed it and hosted it, but my problem with him is that when ever I want to make any corrections on the website it takes my developer to much time to make the corrections, I want to know how to build and work on my website my self to avoid all the delay from my developer. Thank you as I expect your reply
Hey man, this reply is pretty late, if you're still having issues with it, here's what you can do. First, you need to ask your dev how your site is built. If it's pure HTML/CSS, you can convert your site to WordPress and install their CMS. That way you'll be able to edit all the content on your own without the help of your dev. Second, if you're site is not that big, consider rebuilding it with webflow, it's another more user friend CMS that you can edit copy. Hope that helps!
Thank you!!
Welcome!
Have you designed an analytics web app on XD yet? If yes, please point me to the video. I am an amateur trying to do that. thanks.
I’ve done a lot of analytic dashboard but not on XD.
@@KaYungCalebLai Do you have any videos?
Thanks for this video, man! What you've done on Clascity is really inspiring.
Did you code it too?
Thanks man, I developed the front-end of the site and I have a team to help me with the backend :)
@@KaYungCalebLai Really cool. Congratulations!
@@KaYungCalebLai how did you got the investment could you guide me
@@IbraheemAsif I didn't get any investment, I bootstrapped the company.
Nice video! Does anyone know the name of the software used for the Product Map?
Thanks! It was just in Sketch. Now I use whimsical for product mapping :)
Hi @Kayung Caleb Lai - I am setting out on a similar journey so thank you very much for taking the time to explain how you went about it. Can I ask a favour please? Could you share just the template of the word document where you capturing all your thoughts and requirements?
hey yea, I have a template here
docs.google.com/document/d/19l7zWMGqrPNPrg7DLvrIhrxpVZjpKmSlyVmbOw45sXk/edit?usp=sharing
@@KaYungCalebLai Super star. Thank you for the very prompt response!
@@Gager.Family no worries man
what do you use to build your websites?
Could you share the clascity overview word document?
here you go :)
docs.google.com/document/d/19l7zWMGqrPNPrg7DLvrIhrxpVZjpKmSlyVmbOw45sXk/edit?usp=sharing
@@KaYungCalebLai Woow thank you, this really helped me!
thank you
thanks for watching :)
Is it possible to share the document you used?😥
Yea totally, feel free to use this spec template
docs.google.com/document/d/19l7zWMGqrPNPrg7DLvrIhrxpVZjpKmSlyVmbOw45sXk/edit?usp=sharing
which tools are you use for project planning & management?
90% Trello, 10% Jira :)
Hi I wanna build a booking webapp what’s the price for it
Hi! I have a video here for pricing :) ruclips.net/video/92wpzCzO5gM/видео.htmlsi=Wfo99RwlzHZaxR0b
In the functionalities document, what is the meaning of the "[CLA-xx]" at the side of some of the features?
Oh, that's the naming for each feature. I break them into smaller piece and assign to the dev team on Jira.
@@KaYungCalebLai Thanks! Is there any chance you can make the features document available, it seems like so many pages for functionalities and i don't know where to start.
Can you please make a small web app as an example and show in a video...
Probably not, it'll take too much time and without much thoughts, a demo app will likely be shit anyways
What tool did you used for wireframing?
I used Sketch for this project, but recently I've been using Figma more.
Thank you Caleb, I am seriously lost because am new to website design, can I chat with you private, I want to learn more
how is the front end made? react?
partly react partly Ruby On Rails
What software was he using?
Sketch for this project
@@KaYungCalebLai thank you!
Hi :)
Want to hire you for a web app project. Are you available for work?
I am :) are you bootstrapping? My rate is around 15~30k for an MVP design.
could you share me the sample document bro if you can send me
hey man, check here
docs.google.com/document/d/19l7zWMGqrPNPrg7DLvrIhrxpVZjpKmSlyVmbOw45sXk/edit?usp=sharing
What application did you use for the high Fidelity muckup?
I used Sketch for this project, but recently I've been using Figma more.