This is my personal portfolio website and will act as an online CV for prospective employers. I have icluded all my personal details, work history, coding skills, some links to potential sample work and a contact me section.
My main goal when designing this website was to create a website that is easy to use but still visually appealing and reflective of my personality. I went for a muted pink and dark navy colour scheme as it creates a feminine but still modern feel.
- As an employer, I would easily be able to access all the information needed to make a decision regarding employment. I would be able to see all personal details and have access to previous work and social media. I would also be able to contact easily using the contact form. The website is easy to use and visually appealing.
I have included my plans for the project in my project in a seperate directory. These include some hand written diagrams.
- Collapsed navbar: Allows the user to access different sections easily and stays collapsed for a minimal look.
- Work-istory timeline: Showcases data in a simple and visual way (based of a previous lesson).
- Skills progress bar: A visual way to showcase skills that is easy to see.
- Downloadable CV: An easy way to have all necessary details.
- Form: I would like to make my contact form functional once I have learned more skills.
- Links: I would like to link my actual social accounts, at the minute I don't use many.
- Personal Details: I would like to add all correct details once I have more experience.
- Portfolio: I plan on adding my own projects here, once I have done some and updating the layout.
- HTML5
- CSS
- Bootstrap
- I used bootstrap to add some features to my website and to make it responsive. I later styled any bootstap I used to make it personalised for my site.
When testing my website I went through each section and ensured that they all worked as intended and were responsive.
- I tested my form and corrected as many issues as I could with my current skillset.
- I went through my user story of a potential employer and everything went smoothly except for my contact form. This form isn't functional as I haven't learned any JavaScript yet, I plan on fixing this issue in the future once I have the skills to do so.
I tested my website on all screen sizes and found it to be fully responsive.
This website is hosted on GitHub pages here ( https://ycoll.github.io/Yasmin-Collyer-CV/).
- All text is my own and original.
- The photos used were all from pexels(https://www.pexels.com). It is a free stock image and video website.
- I received inspiration for this project from previous mini projects completed so far and incorporated some elements into my projects.
- I also looked at some websites on awwards.com(https://www.awwwards.com) for inspiration.
- Anything I was unsure of how to do I googled and learned on w3schools.com(https://www.w3schools.com)