Weebly Portfolio Website Design:

Your Weebly Portfolio must be complete by the end of the semester.

As an artist it's important to document your work. Since you have been documenting your work all along this semester it's time to put it into a format that you can reflect on easily and share with your friends and family.

We will use Weebly to create digital portfolios of your work from the semester.. If you already have a Weebly site from another art class you can add a new page to display the work you accomplished this semester. 

Weebly is an online service that you can use to create websites. This is a valuable life skill you will most likely rely on in the future. This will help you get started with your first site so when you need to make one in the future you will know what do to and how easy it can be.

​Each required project is worth 5 points. In order to earn the entire five points you need to follow the setup steps below and also include a title, description and an image for each project. 

Create a Weebly Account:

Visit the website Weebly.com and sign in if you already have an account. If you don't have an account select "Sign up" and then choose "Continue with Google." You will use your school email address and your school password to create your account. 

Set up your site with a template. 

  1. Click on "Create a Site"
  2. Choose "I just need a website.
  3. Select a template that has the font style and color scheme that you prefer. You can always change all of the photos an text content.
  4. The next step is to create your website address. You will want to choose a unique name for your site that is easy to remember and spell. You need to create a name that is available under the weebly "subdomain" This is a free option that will allow you to have your own site that will cost you nothing. 
  5. Your website name needs to be school appropriate and also not include your first and last name. This is required.
  6. Once you establish a website address click on "Done"
  7. Now you can start editing your site under the "Build Tab" and the "Pages Tab"

Set up your Pages:

  1. Click on the "Pages Tab" at the top of your weebly editor. 
  2. Visit each of your pages and delete the existing pages. 
  3. Click on the + button to add a page. 
  4. Type in a Name for your new Page. Use the name of the class you are in as your page name.
  • Drawing
  • Graphic Design 2
  • Digital Design and Animaiton
  • Painting
PRO TIP: On the pages tab, turn off the Header Image for each page you create. This will prevent you from building your page content in the Header Space.


DO NOT INCLUDE YOUR PHONE NUMBER, HOME ADDRESS, PERSONAL OR SCHOOL EMAIL, OR YOUR FULL NAME ANYWHERE ON YOUR SITE.

Build a Portfolio Page:

On the Build Tab you will use the "Basic" items to build your page. Drag and drop from the left menu space onto a blank web page. Drag a Title, Text, and Image for each project. Once you drag them into place you will see a blue line which shows where your items will land. You can also use Divider and Spacer to help keep things aligned and organized on your page. 

You will display the artwork you created this semester on a single page. For each project we created you will upload an image, create a title, and write 2-3 complete sentences to explain your project. Write about what you created, how did you do it, what problems did you run into, explain why you like it or why you don't like it. What does the viewer need to know?

All of your images need to be cropped and rotated. Your image should only show your artwork. Everything else around your artwork should be cropped out. Rotate your images so the top of your work is upright. 

Add a title to each project. Please use the assignment titles so it is easy for me to identify each project. 

Do not use the slide show or gallery options to display all your work. 

Visit the Portfolio Example Page to see an example of a layout.

Here is a list of all of the required images and titles to upload. You can add more than what is required to add to your portfolio. You can also add work in progress images, details, or other images related to each project. 

Download your images from Google Drive.

You will download imgaes of each of your projects and upload them to your weebly site. You can get all of your images directly from your Google Drive by looking in Classroom-> Graphic Design, Drawing or Art Survey Folder. Select the images you want to upload and save them to your downloads folder. You can edit images in Photoshop or you can edit them with Weebly once they are on your portfolio page.

Weebly will only allow you to upload .JPGs and .PNG files. Weebly won't allow you to upload .AI or .PSD. .TIFF or .HEIC files. You will need to open these files and export a file or choose save a copy as .JPG in Photoshop or Illustrator.

If your artwork is side ways or not cropped you need to take care of cropping and rotating every image using Photoshop.

Publish your Website and Share your Web Address

Once your site is built you can publish your website to the World Wide Web. Your work should be professional and school appropriate. Click on Publish at the top Right of the editor page. The link that shows up on the confirmation screen is the web address of your website. ​