80+ Designers. One Live Session. Real Transformation.

A live workshop for 80+ designers on building professional portfolios using the Portfolio Codex, a template that documents project goals, stakeholders, legal compliance, and metrics. The instructor shows how to use AI tools like ChatGPT and Lovable to generate portfolio entries, publish on custom domains, and get feedback on drafts.
Chapters
It's like complete one day. Okay, so this is exactly the portfolio challenge which we are going to see. So I'll tell you the little agenda of it. I'm going to be a little bit giving you a context of what is this portfolio and all about. And I'm going to be telling you what is the main, main, main context behind today we are going to understand a little bit of visuals, we are going to understand what is colors, we're going to understand the basics of typefaces. We're also going to understand composition. And then I'm going to be telling you about the core of portfolio, like how you can able to make it and why in Vibe coding it is very, very easy and simple. And also you need to get the science behind understanding this. After we learn the context, then we will get into Codex, which is a very important part of it, which I'll give you. And after completing the codex, all of our portfolios will be almost ready. Then I will be giving you something called Half Life. How many of you are ready for this? This is the most important topic. Like you will, you will have to connect the projects, what you're creating through this method called Half Life. The moment when you know how to connect your job, your portfolio, your skill set into the market. With this concept you will be having a better clarity towards moving ahead in your career. This is one of the interesting topic recently I have not taught this to any of our students. I think for all the new members it's going to be completely blast for you. Okay. It's a very interesting and important session as well. A norm change is little off. They keep on going and iterating again and again. So what happened is I also stuck with the same problem. So I was making a lot of work, I was creating a lot of iterations. Hours of time I'm spending rather than learning design, I'm spending a lot of time to create a beautification for it. So one day I decided that I need to stop this. It is not giving me any kind of a value benefit. Not only that, I am also not end of the day feeling very happy. At least if I feel happy, I would be really. Okay, fine. At least something is there. It's a never ending journey. I also tried applying for many places using that kind of a templated work and everything. And also website, portfolio, whatever. It is still the same. I did more than 100 applications. Not 100, it is more than that. 120 to 150. I would say applications using this one portfolio how many of you are exactly like me? Closing your eyes blindly, going for blind dating, just applying portfolio, randomly applying in the market. Randomly applying. Okay, just because you have a portfolio which you spend four hours, it doesn't mean that somebody has to come and hire you. Trust with the payment system. Then you need to use blue colors, right? Or not? Colors are not only emotional, it's also functional, which we're going to see now. Wait, so you need to go one level deeper to understand. Colors should be extracted from the nature. Color should be extracted from this. If I have to really create a banking system application. Or maybe you are designing a solution for. Let's say. Say if you're designing a solution for a client who's a beer company. Imagine, okay, use a beer company and people while they are looking at your website. Or people while they're coming into your shop. You have to make them feel it's in the theme of a beer. What are the colors should I take for associating the picture of a beer? For the person who is drinking? For the person who wants to use my particular product, buy my particular beer? What kind of a color should I keep in my shop? What kind of a color should I put in the browser? What kind of a color language should I put in my website? What kind of a color should I put in my application? So that it is all looking same and he gets the thirst of drinking more beer. He will wear white color. He will create a huge problem. In Christianity it is different. In Hinduism it is different, right? When you take Jews, they really appreciate the colors of white for intellectual purity. They also say divinity is for yellow color. Purification from sin is pink color, right or not? But different, different culture, Understand? That's why you need to. You should not wear any cultural or religion stripping as a designer. Tomorrow your client will be Sheikh. Imagine Dubai Sheikh is coming and giving you a project. His religion is different. His culture is very different. His colors are very different. From the early start of his childhood till the time he has lived, he has seen colors in a different way, right or not? For him, you need to ask what kind of colors would you be really happy about? The brand typeface communicates a different meaning for it. Game of Thrones, right or not? How many of you can. How many of you can feel that the Game of Thrones colors. The Game of Thrones typeface. It's now making a sense. If I put Game of Thrones in a different color, maybe the communication is a little different. I've used tints and tones and shades accordingly with the brown color to show that this is a sword and this is like a. Like a fighting pit, like a brown color. And also it's like a Game of Thrones. It's a war based series. It's like a game for who is going to become a king. Right. So even without watching this full series, people can still understand what kind of a theme it is, what kind of a genre this particular series will have. Yes, Jagdish, I could see that. Now I'm seeing the aesthetics, design and the functionality of it also in a more connected way. So this much of details you need to remember when you are able to build a portfolio or a project within that any project can be converted into a beautiful way. The two hours what I said now. Are all of you with me till now? Are all of you with me till now? Are all of you with me till now? Getting the clarity, getting the understanding. Okay, so now look at this. I'm going to circulate this codex to you. See first you need to fill the details. Generally I'm going to be giving the prompts for you. What you need to do is this is like a portfolio codex for you. This is not a website building codex guys. This is a project building codex. That means you need to quickly put what is your name of the project primary goal and the stakeholders and now try to write about the little historical significance of it. Like let's say Jagdish. I already have a project in my. In my chat GPT. Just copy paste this constants into the chat and ask what are the historical significance? What inspired you to start the project? What existing solutions approached you and how has been the project been addressed? What are the key lessons? See in two minutes you will get the output. Jagdish, I don't have it. Are you right it now? That is why it's very important. So you should not fake up any details. You should be real while documenting the project. Just now I told you authenticity and realism is important. Even if you document one page, it's totally fine. You tell that is your page. Don't get brutally, what you call brutally embarrassed in front of all the people when they're asking a question about your project and which is taken from the online chatgpt. Don't do that. I don't want you to do that. Okay. Geography. Where is your project most relevant for? It's in rural cities. It is in this context in medical. In healthcare. What are the cultural region factors? Describe the target audience. Write one or two lines. Enough. How does this particular Design reflect inclusivity. Individually you'll have to do. There is no team activity. Okay, civics, what are all the laws and guidelines? Let's say if you're building a fintech app, guys, you need to follow RBI guidelines. If you're designing a healthcare app, I've told you certain standards you need to follow ISO and all these things. Let's say if you're building a consumer electronic product, you need to follow the C norms Certificate of European norms. See all the electronic products, all the electronic products. You take any product backside, there'll be small CE certified. That is A norms. You need to design your products based on that only. So you think about it. Let's say if you have not formed any kind of a thing. So right now, like as of now, we have not considered any regulations because it's a very casual product. It's enough so that your codex is very clearly understanding your need. Okay, if you don't know certain answers, try to find out. And if it is still not there, try to put as of now, I'm not sure. Okay, how does this project really apply this? And what are the societal impact? What are the mathematics of it? Like let's say what are the key driver and the metrics? It's very important. Okay, and what are the exact key components and the functions what you used? What are the solutions? See, this is the main problem solving ability. Please explain this. Okay, and once you're able to explain, see, you are not using AI tool guys. You are using your deep mind to use AI as a tool to enable you to build a product. Please understand this. So maybe you must have come into the session with hey, if I just click on button, my portfolio is ready. That's okay, but that button has to be pressed with the right, right instruction. Randomly pressing a button doesn't mean anything. Anything. Okay, chemistry, biology, Write down one key factors. Enough. And this is the most important section. Okay, write. What does this particular project tell? What emotions do your users carry? And what is your favorite color from your childhood? Write it down because I've created a prompt in that way. How it is associated with this project, what kind of a movie you like. And finally, this is the final question. How your whole project should look and feel for the user. Are all of you clear? This is a project detail. Next you need to write the key metrics. How many of you are having more than 6 months of experience in design? 6 months, 1 year, 2 year, 3 year, 5 year, 10 year, 15 year. You need to write exactly the star matrix. Even for A fresher people who are participated in hackathon, they will know exactly the star matrix. Okay, so let's say you can write even two, three projects. Also if you have two, three projects also you can parallel document it. No problem at all. Completely. Fine. Okay, but one project. Yeah. So this is how your Lovable page will look like. Like, let's say it's same like chat GPT only it's not very different. Okay, so left hand side you will have a home search option to search your projects, what you created and some resources which was given by Lovable. Okay. And you can also have all of your projects here. Like let's say what project you created. You can also have folders. So the Lovable interacts with each and every project to find out the answer for you. And you can also star mark whatever you want. And also you can make a collaborative work. Like let's say if you're getting a project from Lovable with your friends or other developers or designers, you can also collaborate and create a wonderful output. So this is the exact thing, I mean I told you already, our entire website is built in loable completely. Okay. So you can also try this out. So when you go to this, like let's say when you go to this setting, where is that? When you go to the settings. Okay, I'll just go to profile. I'll just show you what exactly is this? You can just create your name, you can just put your details and LA will also give you how much prompts, how much technical details you have used, how much your customers are consuming, your credits. All these things will be available here. Fine. If you have a domain, okay, you can just add your custom domain. You can set up a publish custom domain and you can also edit whatever you wanted to add. Okay? But the moment when you add a domain automatically, your Lovable will get built to its platform. Right now Lovable is promoting itself. Don't do it again. If you have a domain, you do it. Or I'll just continue. Because if you have a domain like harmeetkaur.com how professional it will look like domain is 1500 rupees. Guys, please don't tell me it is expensive and all. Please don't tell it's expensive. Please go and afford it. If you're investing, only you will get it back. Okay? Don't be cheap on the journey towards greatness. Okay, so fill this and continue this and link it so that once you're linking your domain, you will be done. If you're already a squadron member, you would have already linked your domain. Don't do anything fun. Just wait. There is one person who lost his complete data. If you just don't know, just wait or ask ChatGPT or even ask Lovable. No it will solve and reply. Okay. Power God. Empowering citizens. Hey really. I like your typeface and your gradients. Over here. Superb. You're worried about you're not good in visual, right? See beautifully you have got the output. Project works okay. Add a video, no problem. Add a product. Add a prototype problem statement. Superb. 10 lens breakdown case study. Wonderful. Metrics solution. Wow. OVA. You are ready for the job. Ovia validation and feedback impact. It is really good here. Compared to the earlier work. What I saw it is covering all the aspects of it. Superb. Okay, if you want you can tweak it more over here. No problem. But. But really nice. I really appreciate your fullest effort. And over here please complete your hackathon and build a prompt. With using this, your project will be next level. Thank you so much. MBTY Let me see Rashmi. Rashmi Mandrikar. Let me see Rashmi Mandreka. Super. Super. Rashmi, you want to talk something? Rashmi, How. How happy you are feeling? Rashmi was also asking Jagdish. I am very confused. Jagdish out. Please talk. I'll also unmute Ovia please. Please share your experience guys. Okay. And meanwhile I'm opening Rashmi's output. Rashmi was also asking Jagdish. I am very confused. Jagdish out. Please talk. I'll also unmute Ovia please Please share your experience guys. Okay. And meanwhile I'm opening Rashmi's output. Wonderful right? Superb. Indie vibes. What is this here? Bridging the gap between travelers. Authentic culture. Wow. Cultural gap in modern travel. Inspiration from immersion. Superb. She has put a complete iconic language. Okay, but add more visuals, pictures. I mean the UI and everything. Okay. See right now you have not shown the process detaily. I think you used a free version to use a very detailed one. She look at ob how she's created. Okay, try adding it will come. Just get some 100 credits and you are good to go. Super. Thank you. How are you feeling now, Rashmi? Are you happy that you built at least something like this? Very close. Yes. Yes I'm very happy. Uhhuh. Yeah.
More from Jagadeesh

Comment “ME” if you want to join the next upcoming hackathon — we’ll send you the registration link.

Comment “ME” if you want to join the next upcoming hackathon — we’ll send you the registration link.








