Basics of Portfolio Design: Showcasing Your Work as a Designer | Akalanka Karunarathna | Skillshare

Playback Speed


1.0x


  • 0.5x
  • 0.75x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 1.75x
  • 2x

Basics of Portfolio Design: Showcasing Your Work as a Designer

teacher avatar Akalanka Karunarathna, UI/UX Designer & Content Creator

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Lessons in This Class

    • 1.

      Introduction

      3:38

    • 2.

      Choosing the Right Platform for Your Portfolio

      3:17

    • 3.

      Creating a Clear Structure

      7:39

    • 4.

      Visual Design and Branding

      5:48

    • 5.

      Crafting Compelling Project Showcases

      4:55

    • 6.

      Optimizing for User Experience

      6:36

    • 7.

      Class Project

      2:28

  • --
  • Beginner level
  • Intermediate level
  • Advanced level
  • All levels

Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.

23

Students

--

Projects

About This Class

Welcome to the Basics of Portfolio Design: Showcasing Your Work as a Designer class. 

In this class, you'll dive deep into the world of portfolios and discover how your portfolio can become your secret superpower to attract clients or employers, showcase your talent, and build your professional credibility.

I'm a freelance UX/UI designer and this class is designed to improve your knowledge and skills to create an outstanding portfolio that makes your work shine.

Throughout the class, we'll cover,

The Importance of Having a Portfolio

  • Understand why a portfolio is crucial for showcasing your work as a designer.
  • Learn how a portfolio work as a secret superpower that opens doors to opportunities.
  • See how a portfolio helps people recognize you as an amazing designer.

Making Your Portfolio Look Great

  • Learn ways to make your portfolio visually appealing and attention-grabbing.
  • Understand how to use colors, fonts, and layouts to make your portfolio attractive.
  • See why it's important to have a consistent and polished look throughout your portfolio.

Showing Your Projects in an Interesting Way

  • Discover techniques for creating impressive project showcases that impress viewers.
  • Learn how to highlight the most important parts and features of each project effectively.
  • Understand the value of telling a story and explaining the impact of your work.

Creating Compelling Case Studies

  • Learn how to develop interesting case studies that show your design process.
  • Understand the structure and components of an effective case study.
  • Discover how to explain your problem-solving skills and the results you achieved.

Crafting an "About Me" Section

  • Explore what makes a strong "about me" section.
  • Learn how to communicate your unique story, expertise, and values.
  • Why you should connect with your audience in a personal way.

Including Contact Information

  • Learn why it's important to include contact information for potential clients or employers.
  • Discover the best ways to present your contact details effectively.
  • Understand how to make it easy for people to get in touch with you.

Identifying Target Audience and Setting Goals

  • Gain insights into identifying your target audience and understanding their needs.
  • Learn how to align your portfolio with what your desired audience expects.
  • Discover how to set clear goals for your portfolio to achieve specific results.

Considering User Experience (UX)

  • Understanding why creating a portfolio that is easy to navigate and enjoyable is important.
  • Learn techniques to make your portfolio accessible to everyone.
  • See how usability and responsiveness play a role in portfolio design.

By the end of this class, you'll have the knowledge and idea about the tools to create a portfolio that showcases your talents, and gets attention. 

Requirements of this class

Only you need a computer with internet access and time and commitments to watch the class video and complete the assignments and build your portfolio.

I'll see you inside the class!

Meet Your Teacher

Teacher Profile Image

Akalanka Karunarathna

UI/UX Designer & Content Creator

Teacher

Hi there!

I'm a UI/UX designer who loves teaching others how to design great digital experiences. I'm here to help you learn how to create user-friendly and visually appealing websites and apps.

My classes are designed for everyone, whether you're a beginner or a seasoned pro. I'll teach you everything you need to know to create digital experiences that people love.

So join me on this journey to level up your UI/UX design skills!

See full profile

Level: Beginner

Class Ratings

Expectations Met?
    Exceeded!
  • 0%
  • Yes
  • 0%
  • Somewhat
  • 0%
  • Not really
  • 0%

Why Join Skillshare?

Take award-winning Skillshare Original Classes

Each class has short lessons, hands-on projects

Your membership supports Skillshare teachers

Learn From Anywhere

Take classes on the go with the Skillshare app. Stream or download to watch on the plane, the subway, or wherever you learn best.

Transcripts

1. Introduction: Hello everyone, Welcome to our class on the basic of Portfolio Design, Showcasing Your Work ASA Designer. Today, we are going to explore the exciting world of portfolios and how they can help you demonstrate your talent at attract clients or employees and build your professional credibility. Imagine you are talent that designer will allow to creating is tan in design, but not many people know about your talent yet, That's where portfolio comes in. It's like a special collection of your best work presented in that neat and organized way. My name is akalanka Karunarathna and I'm a freelance UI UX designer. I had the opportunity to help my clients build or some broad polio website to showcase their work and improve their brand. I am thrilled to be here and share my knowledge with you on creating Nuwa on outstanding portfolio. Let's dive in and make your work shine. So why is portfolio important? Well, it's like a secret superpower that opens doors to fantastic opportunities is allow you to showcase your skills in a way that word can't capture. We tend outstanding portfolio. You can add attract clients or employees who are seeking talented designers like you portfolio. So have to build credibility when people see you are impressive work, they trust you is skill and expertise. That's like herring, stamp of approval that say, this person is an incredible designer in this class be we'll cover the basic abroad Paul, your design, you will learn how to create visually is turning portfolio that capture attention. We will explore different part of the portfolio like projects, case studies about me section, and contact information. You will also discover how to identifying Target Audience and check goals for your portfolio. We will dive into the world of visual Design and Branding, where you will learn how to use colors, fonts, and other visual elements to Reflect your unique style. We will talk about creating, captivating project showcases that impress everyone who sees them. And let's not forget about the User Experience. We will explore how to make your portfolio easy to navigate, accessible to everyone, enjoyable to explore. By the end of this class, you will have the knowledge and tools to create your own amazing broad polio. You will be able to share your talents, are attract attention and take your design carrier to next height. So get ready to, unless you are creativity and how we're learning about Portfolio Design. Are you excited? I know in, let's embark on the incredible journey together? 2. Choosing the Right Platform for Your Portfolio : Now let's discuss the platforms you can use to showcase you are proud polio. There are two main platforms plus Duan, nice personal portfolio. And the second one is Behance. So let's talk about the pros and cons of both of those Platform. A personal portfolio website gives you complete control or the design, layout and Branding. Each like having newer on online headquarters where you can create unique online presence that plague us is tied and Joe gets you work in tailored manner. It's about making lasting inversion. But here is that in building and maintain, personal site can be techniques and more time-consuming. It might require some web development is skills or assistance from professionals class, there are additional consideration like domain registration or stains and ongoing maintenance. It can be a bit of a hazard. On other hand, we have Behance. It's an online platform. Design is specifically for creative individuals like yourself. Behance is user-friendly and comes with built-in community. Fellow designers, each like joining a club of creative minds. You can jog SQL work without worrying about technique is tough. Behance also offers excellent exposure within that design community. You can connect with other designers, get inspired by their designs and resist valuable feedback on your own projects. It's a fantastic way to gain visibility and attract potential clients or employers. The best part, you don't have to worry about customization because Behance takes care that basics for you. Now, as a beginner, I suggest you start with Behance, it easy to use as supportive community and allows you to focus on creating an impressive portfolio. As you gain more experience and escapes, you can explore the options of building a personal portfolio website to have even more control and customization. So that's the scoop of Portfolio platforms began is a great choice to kick-start you are design journey is like having that trust sidekick by you as I help in New York, as you work to embrace the opportunity to connect with the creative community and let talents shine. In next lesson, we will dive into that. Create tech clean and engaging is Structure for Your Portfolio. See you in that next lesson. 3. Creating a Clear Structure: Welcome back to our third lesson on creating an outstanding portfolio. Now, we are dive into the Importance of Having a clear and organized structure for your portfolio. Trust me, this is the secret sauce that will make you work in and leave a lasting impression on anyone who visited Cuba for portfolio. So why is that clear? Is structure so important? Imagine walking into a massive room, it glows, shatter all or N, no sense of order. It would be overwhelming and difficult to buy-in what you are looking for, Right? The same goes for your portfolio. Well is trapped jet, fraud, polio, make leafy for visitors to navigate, Understand live, work, and appreciate design process. Now, let's explore the different approach to is Structuring. You are proud polio. They are at three popular methods, chronological, project-based than thematic. Let's break them down and see which one would your best. First, we have the chronological is structure. This approach, Organize as you work in chronological order, starting from your earliest projects and progress into them. Most reason one, each yogas as you are, growth and evaluation as a Designer over time is pratical Larry effective? If you have diverse range of projects and want to highlight the word journey as you develop a skill. This is structure, is great for storytelling and showing how you hone their craft. Next we have the project-based is structure. With this approach, you organize your portfolio around individual projects. Each project gets it dedicated section, allowing visitors dive deep into your design process, problem-solving skills, and the outcome you achieved. Idea for showcasing the depth of your work and demonstrate your ability to handle different type of projects. This is structure East for object. If you have Work collection of in fact pull projects. Lastly, we have the thematic is structure. This is structure grooves. You are work based on theme or a specific design disciplines. For example, you might have sections dedicated to web design, branding, illustration, or UX UI is a great way to showcase your expertise in different area and make it easy for visitors to find where that align with their interests. This is fact Java. Well, if you specialize in particular design pills or if you want to target different audience with fraud polio. Now that we explored that different at projects outdoor you choose the most appropriate is culture for UVA portfolio is come down to us. Can go, you can consider the following bus. Think about that types of projects you've worked on an how they're related to each other. Are they diverse or do they have common threads? This will help you determine whether a chronological project based thematic structure is the best fit. Now can see the UVA go and target audience. What do you want to achieve with DVR portfolio? Or you look into land, a job at track freelance clients or your guests, you are personal projects, understanding you are goals and your target audience will guide you. In. Silicon is structure that aligns, meet diva object tails and apis of viewer in the debt audience. Lastly, regardless of there is structure you use, ensure that you are fraught polio, maintain consistent, steady, use, cohesive colors, type or Gabby, and design elements through our to create a harmonious experience of visually appealing and unified portfolio will leave memorable impression. Remember, there is no one size fits all approach to portfolio is it's about wine Dean, what works best for you. And you are unique set of projects and goals. Don't be afraid to experiment and it read as you develop the web broad polio, in conclusion, creating a clear and organized is Structure of broad portfolio is critical to making is strong. In fact, on newer visitor's with you opt for chronological, project-based or thematic approach in Judah, that is, Structure aligns with your goals and target audience. We will extract, get portfolio. You will guide visitors the aimlessly through your design journey and demonstrate expertise in Compelling may go ahead, Organize, see well portfolio like a pro and let you work. Shine is stay tuned for the next lesson where we will explore the importance of visual Design and Branding in newer portfolio with the you opt for chronological, project-based or thematic approach. And that is Structure aligns with your work goals and target audience with really struck get portfolio, you will guide visitors seamlessly through your design journey and demos. Fact ease in Compelling me. Go ahead, Organize the world abroad for you like a pro and let us shine is given for the next lesson, where we will explore the importance of visual Design and Branding in newer Portfolio 4. Visual Design and Branding: Now we are going to dive deep into the exciting world of visual Design and Branding for viewer Portfolio, get ready to, unless you are creativity and make your portfolio is stand out from the crowd. Visual Design and Branding play a critical role in capturing the attention of your audience and creating a memorable impression. Think of it as the package of your work. It should be visibly appealing. Hey, SEO and replay of your unique style. So let's explore some key aspect of visual Design and Branding that will elevate your portfolio to new heights. Firstly, we talk about colors. Colors have the power to evoke emotions and set that tone for you. We're proud polio to set color palette that resonates with your style and message. You can make. Consider the psychology of colors and they are associations. Learn colors like red and orange can be bright in energy and excitement, while cool colors like blue and green can create a sense of calm and trust, experiment with different combinations to find the right balance that rate presents you as static. Api is another crucial element of visual Design. Ciliate fonts that not only eligible, but align with that tone and personality of your work. Play around with font, is bold, a ligand, playful, and minimalist to add visual interest and enhance the overall aesthetic. Be consistent with the font choices throughout your portfolio to maintain a cohesive look, visual elements such as images, illustrations, and graphics can bring life to you. We're proud. Polio tools, visuals that compliment you will Work, can enhance it. In fact, ensure that the visuals you use are of high-quality and align with your overall is tied their shoots up. Class and add value to the beavers Experience. Remember, less is more, don't overcrowded. You were proud for all your weight. Acco, was that this track from us? Now let's talk about Branding. You are proud. Polio is an extension of your personal brand or professional image. It's an opportunity to showcase your unique identity is tied, align newer Portfolio Design with brand value, personality and that type of work you want to attract. Consider elements like logo placement, consistent use of brand colors and fonts, and overall visual style. You should be reflection of who you are as a Designer and create a cohesive narrative about your brand as you design new products, POJO, keep in mind User Experience. Ensure that you've brought ball you is easy to navigate and visually engaging. Organize sections and Project in a logical order. Make it effortless for visitors to explore Your Work. Pay attention to the placement of menos Barton's and navigation element to create, test seamless vows, Experience, optimize your portfolio for different devices. Angela, it looks great on both desktop and mobile. Lastly, inverse the power of storytelling to you or design. Use visual and narratives to tell the story behind Your Projects. Explain your design process, challenges you paste and solution you implemented. Share the impact your work has had on clients or users engaged. You are audience Vk Compelling project descriptions that captivates you. They are attention and showcase your problem-solving skills. In conclusion, visual Design and Branding are wider components of a captivating Portfolio. Use colors, prototypes, and visual elements to create cohesive and visual early In Design and align, you are proud for your personal brand or desired professional image. Remember to focus on user experience and leverage the power of storytelling to make lasting impression. Now, it's your turn to infuse you brought fall your weight is done in visual and cohesive brand identity 5. Crafting Compelling Project Showcases: This lesson, we will explore the Art of creating engaging project showcases within your portfolio. This is where you come to life and captivates your audience. Let's dial in an Learn how to make your project shine first and foremost, let's talk about project descriptions of welcome after, project description is crucial for providing context and telling the story behind you, whoever is an opportunity to set the stage and engage you audience from that is that begin introducing the project and it's objective. Explain the problem you're trying to solve and that target audience you were designing for the contest, yet informative, highlight the key challenges and goal of the project as a significant role in effectively showcasing us Design words. They have the power to get attention and communicate the essence of fewer projects include high-quality images, Mocha, or videos to highlight diverse design solution tools that visually appealing and demonstrate the key features of you are Design. Remember, your goal is to create a visual impact that captivates your audience. You are lasting impression when explaining your design process. Take your audience or nausea, and this ties the E-step you to solve the problem and strategies. You employ. Insight gained from user research, brainstorming sessions, and either read you design processes and how it influenced you are design decision. This demonstrates you are towards holiness and problem-solving skills allow when you were audience to understand the depth of you. As you say, okay, if you are project, it's important to highlight our and impact of your designs. This guy, the positive changes you are design has brought to the users or clients. Discuss how your solution impro, User Experience all the pain points or achieve specific goals whenever possible, quantify the results to provide tangible evidence of us at humans matrix user testimonials or beat back our gateway to validate the status of your designs to effectively communicate to a problem-solving approach, break it down into Clear and oranges section, lives or bullet points to outline the key is step of strategies you employ. This helps you are audience weekly graph the Asians of you are process. Avoid using technique is tough or complex terminology that current views or alienate your readers am for conversational tone that is easy to understand and relatable. In addition to win, this case can make use of visual aid such as ease triggers, wireframes, or prototype to spread you are design process. We present the edges, can simply wipe complex and make them more accessible so you are audience, this visual storytelling enhances understanding and engagement. Lastly, always keep the end-users in mind when crafting your project showcases female State empathy by highlighting how you design and assess their needs and pain point JR, user feedback or testimonials that validate the effectiveness of us solutions. This adds credibility and demos. The real world impact of fewer craft come valance Project Showcases as P quiet, thoughtful approach focus on creating, captivating project descriptions you guessing visual is done in acid and effectively communicate in new problems. So all we approach and Project Outcome take your audience on a journey they are in the history behind each project and Showcasing Your experience. Now, it's your turn to bring you project to life. Row, Compelling Showcases 6. Optimizing for User Experience: In this lesson, we will explore the significance of creating a user-friendly and intuitive interface. Well-designed fraud polio, not only you get your work, but Provide that delightful experience for visitors. So let's dive in and learn how to create seamless and enjoyable user experience within your portfolio. First and foremost, let's highlight the importance of user-friendly interface. You are broad portfolio should be easy to navigate, allow visitors to explore. Effortlessly, is tagged by Organize. You will project into logical categories or sections, use Clear navigation menus or Barton's that guide visitors to different, far fewer fraud portfolio. Remember, same place at ease, avoid or warming you design with too many of yarns or cluttered layout accessible is another crucial aspect to consider when optimize you are proud polio, ensure that you website Palo other accessibility standards make it usable for people with disabilities. Provide for me, I guess, use descriptive headline and your color contrast. Upgradability, activity related not only expands you are audience three, but the most that you are commitments to enclose the V, D and E equal access responsive design is essential in today's mobile centric world, you are portfolio should add up and display beautifully across various devices. And if pain sizes, responsive design and you as that is easy to access and visually appealing, whether viewed on a desktop, computer, tablet, or smartphone. M birth responsive design principle to create consistent and enjoyable experience for users. Now, let's discuss best practices for optimize the user experience with fraud polio. Firstly, focus on page loading is speed and slow loading portfolio can prostate visitors and dry them. Array, optimize image sizes, minimize unnecessary scraped and leverage cacheing Datanyze to NQS, thrift page loading, past glowed in portfolio creates a positive impression. And if visitors engaged, the best practice is to provide clear and conscious project. Previous or thumbnails used visually compelling images is nipped that N ties visitors to click can explore the project Previous should give a glimpse of your design work without all mean the visitor balancing the need for showcasing your work with the desire to maintain clear and organized layout when design your portfolio, Prioritize visual hierarchy, guide visitors at Engine, use, size, color, and placement of elements. Embers is inboard and elements suggests project title, description, or call to action buttons. Greater clear flow that leads visitors from one section to another into a seamless, an interior journey through your portfolio, consider incorporating interactive elements to enhance the user experience. For example, you can include interactive image, gallery sliders or behaves. Additional information or contexts, those elements at Dan, interactive and engaging dimensions to you or portfolio encourage visitors to explore and interact with you wherever. Lastly, don't forget about the power of storytelling we do throughout D where fraud fall your that connects us projects and showcase your design process inside challengers and breakthrough moments to create that Compelling and memorable experience though you are visitors, engaged them with you is story and lead to fewer passion and expertise shine through by optimizing for User Experience, you create a portfolio that not totally impressed visually, but Provide the seamless and enjoyable journey for, um, easy to focus on user-friendly navigation, accessibility, responsive design, and best practices for page loading, ESP and visual hierarchy incorporate interactive elements and storytelling techniques to captivates audience and leave well lasting impressions. Now, it's time for you to apply those principles and create fraud polio, that not only show gets you are design it skills, but delivers an exit channel User Experience. Remember, well, optimize fraud, Paul, your, we'll keep visitors engage, encourage exploration and Zach to bark from their religion. Enjoyed crafting as seamless and enjoyable user experience within us portfolio 7. Class Project: Here is our class project on Portfolio Design. Your objective is to apply the lessons and create tech captivates you and user-friendly portfolio website that effectively showcase your design is Case and projects. So first, you will choose the Right Platform to you or fraud polio, Consider options like personal websites or Behance. Keep in mind factors such as easy to use, customization and your target audience. This decision will share fewer online presence. Next, forecast on Structuring and navigate in your website, organize the work content into clear section and ensure easy navigation for visitors. Well is structured for portfolio, allow for seamless experience and keep your audience engaged. Visual Design and Branding are exchanger. Use colors, prototypes, and visuals that Reflect your personal brand. Create an eye-catching experience less leave a lasting impression on our visitors. Crafting Compelling Project Showcases E ski, Write, engaging description, and incorporate high-quality visuals that highlight the challenges, goals, and outcome of each project. Make your work shine and joke as you are design expertise optimize the use. This gradient is crucial and do a friendly interface, responsive design across the device and accessibility for users. Seamless and enjoyable browsing experience will make a positive impact. Lastly, Share your completed profile website or Behance portfolio with the class. So me and fellow students can provide valuable feedback to you or portfolio. So this will be opportunity to enhance. You were brought for your designs by our feedback, complete that class Project by following those guidelines and enjoy the process. Good luck with your class project, and I will see you in another class