Final Project Course 3: Building your Resume with Google Sites

I have tapped the trackpad on my laptop so many times that my middle fingers are seriously hurting.  A simple mouse would have prevented this problem, but I haven’t learned my lesson from previous experiences.  This usually happens when I am creating things on my computer and not everything works as expected.  I imagine that the frustration makes me use more force when tapping than usual, and this inflames my tendons. For the final project for course 3, I decided to use Google Sites to create my resume from scratch.  I had never used Google Sites, so I thought, what better opportunity to give it a try? However, if I could choose again, I would pick another online platform such as Stridently or VisualCV as my teacher, @dianabeabout  suggested.

I started the process by getting inspired by the blog 50 Awesome Resume Designs That Will Bag The Job. I was impressed by the creativity and the skills that these graphic designers have. But I am also sure that they didn’t use Google Sites or Google Drawings to have the job done.  They have masted programs such as Illustrator, Photoshop, or other “best in the field” options.  So, in other words, Google Sites is not the best platform for designing an online resume, but after many hours I have figured out what worked and what didn’t. There is nothing better for learning a new tech tool than using it.  I am confident to say that after hours or work, I can tell you all about Google Sites; Ready to pass any kind of evaluation.

Color orange wider on top so it responds better to various devices

I started with the header.  There was no information that I could easily find on Google Sites about the dimensions of the header. I used Canva and I did some trial and error, but when I inserted it on Google Sites, the image responded well on the computer, but it got cut off when viewing on the iPad and on the iPhone. Then, I found Google Sites Header Image Template written by Alice Keeler which shows you how to do it.  Before this, though, I spent a long time playing with color palettes and deciding on fonts.  I liked Cabin Sketch for the titles, but I wanted to see which fonts would pair up best. Google Fonts was helpful for that.

After creating all the different parts of my resume in Google Drawing, I assumed that publishing the document, grabbing the embedding code, and pasting it on Google Sites was going to do the job. Wrong!  The images didn’t respond well on the iPad or the iPhone; some of the images got cut off and the links didn’t work.   This realization sent me off to start tweaking with the Google Drawing canvas size and the different ways to bring the drawing to the Google Sites. (PDFs, Docs, PNG format.  Nothing worked until I decided that it was best to research.  Ta-da, the video below solved my problem; I didn’t need to use the HTML code, I needed to open the document from Google Drive directly.  The images beautifully responded to different formats and it kept the links, which was the most important aspect.  You should have seen me; I was jumping up and down, and it became the highlight of my day!

Finally, below, you have screenshots from my online resume, but it is better to see it online here.

Do you have others tricks that may be helpful when using Google Sites for a resume?

You may also like...

2 Responses

  1. Hi Caroline,
    Great job with creating a digital resume and using Google sites to do so. I enjoyed perusing your online resume. It’s colorful, engaging and displays your information really well. I like now that your resume is easily accessible to any potential employer, you have linked in all your “social media” profiles and it’s easy to jump back and forth between the individual pages to access all the information about you! I also used Google sites to create my GET page. I found it super easy to embed Google documents and any images from the web. However, when I tried to use pictures in the heading it was rather difficult, I couldn’t get the sizing right. So, for now, I just used one of the premade Google site headers, but in the future, I would like to update that to something of my own, so thank you for all the tips! So I hear all your frustrations with trying to get the right. And of course, the other hard part was once you had it looking amazing on the computer, and then tested on an iPad or iPhone, it totally changed the whole layout! Crazy, right. I mean we both knew this was going to happen, but how frustrating!
    Other than a few little hiccups with the header, I found Google sites extremely easy to use to upload images, content and create hyperlinks. I do wish there were more resources for changing your theme, the font and colors, but for the start of a website or resume, I thought it was pretty neat! I enjoyed it mostly because it is so easy to use in the classroom. Students can create and design their own website or work collaboratively with other students in the same school, or across the globe!
    I did use Canva to put together an infographic, and the second one I tried in Google Slides. Both were fairly easy to use and I think Canva even had a template for a resume. But I think your resume would have been restricted to one page – which would be nice to hand in on a piece of paper, but I think its pretty cool that you used Google sites to create an interactive resume!
    Great Job!

  2. Sara McAllister says:

    Wow Caroline!

    I’m super impressed with your Google Site! You’ve incorporated so many great visual elements it makes clicking through and reading about you a pleasant experience! I’d definitely hire you! So glad you thought to look at it on different devices and were able to figure out how to make it work so it looks right on each one! I don’t think many would have tested that out from the start.

    You’ve inspired me to go ahead and start looking into creating my Google Sites GET page! Thanks for sharing your incredible work!

Leave a Reply

Your email address will not be published. Required fields are marked *