The first time I created an online portfolio, I found little information on what to include in the portfolio and which website to choose from. I have now created several online portfolios to better my outlook from an employer's perspective.
You must remember that in order to create a successful portfolio, you must be simplistic, focused on objectives, and include accomplishments. This instructable shows step-by-step guidance of a remarkable way to create your own professional online portfolio for employers to view!
Disclaimer: In order to follow these instructions, you should first know how to operate computers efficiently; therefore, I have created the following instructions without extremely minor details.
Step 1: Preparation
- All of your work to showcase (I will explain more in next step)
- Your creativity
- 2-3 hours of your time
Step 2: Gather Samples
Depending on your major and experiences, you should gather all potential showcase materials. Here is a list of examples for you to include:
- Background Information
• Updated Resume/ Curriculum Vitae
• Work philosophies
• Diplomas/ Certificates
• Summary of major projects
• Lab reports
• Research experience
• PowerPoint presentations
• Scholarships received
• Letters of Recommendation
- Seminars attended
- Community service
- Professional development
Keep in mind that the items you include need to be able to be displayed in a digital format, so be sure to include photos of completed projects. I suggest scanning documents such as letters of recommendation if you do not have the letter in a digital format. Be sure to save all of your content in Word documents.
Note: Less is more! Employers don’t want to spend hours digging through all of your work, so pick and choose your most outstanding items to include in your portfolio. If you have a lot of coursework experience, include only between 7-8 items to showcase.
Step 3: Choose Your Online Platform
• No Third-Party ads
• Hundreds of layouts
• Search engines easily find the page
- sites.google.com (Google Sites)
• Many features
• More complex options
• Drag & drop website builder
• Powerful hosting
• 100s of professional themes
• Many multimedia features
• Weebly for iPhone
I have experience working with all of these websites; in my opinion, weebly.com is the most user friendly for beginners. The concepts of all the sites mentioned above are basically the same, but I will choose Weebly for the following instructions.
Step 4: Choose Weebly: Create an Account
Step 5: Add a Site
Step 6: Site Title
Your portfolio will need to have a title. It is ok to be creative, but it’s important to be as professional as possible. For instance, my first name is Brittany and my last name is Duffy, so I will name my website Brittany Duffy’s Portfolio (choose YOUR first and last name). This title can be changed later if need be.
For the "type of site" box, choose "portfolio."
Step 7: Choose Website Domain
I chose to use my first and last name www.brittanyduffy.weebly.com. Another good option would be to use www.BrittanyDuffysPortfolio.weebly.com.
Note: Always use a professional name. Employers will not find it funny if your website address is www.ISUhotstuff.weebly.com
Step 8: Elements
Spend 5 minutes to practice using various elements you would like to add before going onto the next step.
Note: Elements also provides a custom HTML element if you have experience or the desire to use HTML.
Step 9: Design
Spend 5 minutes viewing various themes that look professional, and choose one to your liking.
Note: You can always change your design at a later time without changing the place of your pages and elements.
Step 10: Need More Guidance?
In the following steps, I will explain what you should include in your portfolio and where you should include it.
Step 11: Draft Homepage for Site
- Major(s)/ minor(s)
- College attending/ attended
- Brief summary of experience
- Anything that you feel would stand out to employers
- Seeking an internship or full-time position (if applicable)
Keep your biography to a maximum of 7 sentences. In order to include a biography, drag and drop the paragraph with title element below the main photo. In the image I have provided on this step, my biography is seen below the beach image.
Step 12: Upload Image on Main Page
Because my major is electrical engineering, I uploaded an image of a circuit design project I completed in an electrical engineering course.
Step 13: Pages
You may choose to have a page for:
- Contact Information
- Special Projects
- Leadership & Outreach
Do not exceed 8 different pages.
Step 14: Add a Page
Step 15: Pages: Resume, Image
Step 16: Pages: Resume, Link
1. Hover over the resume image with your mouse.
2. Click on the link button in the upper righthand corner. A pop up window with the title "Link to:" will come up.
3. Click the button for "File on Your Website."
4. Search for your resume document in your computer files.
5. Click Save.
After you have finished these steps, when someone clicks on your resume's image, a pdf version of the resume will be opened up. This way, employers can easily view and print out your resume.
Note: If you have created your resume on a Word document, be sure to save it as a pdf version so that the formatting stays the same for whoever opens up your resume. Use this pdf version as the "File on Your Website."
Step 17: Pages: Coursework
- Image of your college's logo for a nice visual
- Brief summary of your experiences
Below this information, include:
- A few of the major courses you have taken
- Projects/ labs/ presentations you have accomplished during those courses
Note: Remember, less is more. Do not include ALL of the courses you've taken nor ALL of your labs or projects. Become very selective on what coursework you choose to include.
Step 18: Pages: Research
- When you did the research
- What kind of research
- Title of research
- Supervisor/ Advisor
• His/Her credentials
Step 19: Pages: Leadership & Outreach
- Your position
- Company/ club worked for or with
- Dates worked
- Brief explanation (2-3 sentences or bullets)
Include a maximum of 9 outreach and leadership positions.
Step 20: Page: Contact Info
- Name (First, Last)
- Your title
- Email address
- Phone number
- Mailing address
- Links to social media used for professional reasons (LinkedIn)
Include a picture of yourself so that when employers see you in person, they will recognize you from your outstanding online portfolio.
Note: Your contact information has potential to be viewed by the general public. If you do not want your personal information out on the web (like myself), use the "contact form" element under the "Elements" tab. Drag and drop this contact form where you would like to position it on your page. They can leave their name, email address, and comments, and once they click submit, their information and comments will be sent to your email without them knowing your information.
Step 21: Peer Review
1. Read over the entire portfolio at least two times.
2. Have a peer read over it for you.
3. Have a professor or business person read it over for you.
Be sure your portfolio is grammatically correct.
Step 22: Publish Portfolio
Step 23: View Your Final Product
Note: If you want to register your own ".com" domain for a price of $29.95/month, you may choose that option.