Hero Images and Stylizing Your Portfolio Website

When it comes to Front-End Web Development, how the code functions, and the overall user experience are the top priorities. However, there’s nothing wrong with wanting to add unique elements purely for aesthetic, or stylistic value. This can be especia…

When it comes to Front-End Web Development, how the code functions, and the overall user experience are the top priorities. However, there’s nothing wrong with wanting to add unique elements purely for aesthetic, or stylistic value. This can be especially useful if you are looking to spice up your portfolio.

As a graphic designer turned (aspiring!) web developer, I have a few resources that are free to use that could help your portfolio stand out to potential employers and clients.

1. Pexels.com
This free to use photo library has amazing visual content provided by freelance photographers through their social media accounts. All you have to do for this site is sign up with a viable email address and begin downloading your desired content!

Pexels

2. Google Fonts
Google fonts is a free to use collection of fonts, and even suggests possible font pairings the you have a font selected. Its easy to use and allows for downloads of all the relevant information you need to include in your next dev project.

Google Fonts

3. Envato Elements
This site offers thousands of resources for devs and designers including fonts, mockups, color themes, and design inspiration. The one downside to this site is that you only receive a one-week trial before it requires a paid subscription. However, I always take advantage of free trials when I can!

Envato Elements

4. Figma
Figma is so much more than just a prototyping tool. I have utilized Figma as a guide when beginning a new project to help me better understand the coding requirements and formatting of the site’s pages. When a project is completed I like to compare the prototype to the finished product and then create a mockup utilizing resources from the Figma community. The Figma community has created so many useful resources for devs and designers alike, including a new responsive prototyping tool, and mobile phone and laptop mockups to showcase your finished product in a professional manner.

Figma Device Mockups

I have used all of these resources to create product mockups and short animations utilizing my prototype designs from Adobe XD, Figma, and After Effects. For the web developer looking to explore their creativity and liven their projects, these resources are a must. I hope this information is helpful, feel free to add any tips and other free resources below!

Artwork by Jenna Moffitt


Print Share Comment Cite Upload Translate
APA
Jenna Moffitt | Sciencx (2024-03-29T13:30:46+00:00) » Hero Images and Stylizing Your Portfolio Website. Retrieved from https://www.scien.cx/2022/06/06/hero-images-and-stylizing-your-portfolio-website/.
MLA
" » Hero Images and Stylizing Your Portfolio Website." Jenna Moffitt | Sciencx - Monday June 6, 2022, https://www.scien.cx/2022/06/06/hero-images-and-stylizing-your-portfolio-website/
HARVARD
Jenna Moffitt | Sciencx Monday June 6, 2022 » Hero Images and Stylizing Your Portfolio Website., viewed 2024-03-29T13:30:46+00:00,<https://www.scien.cx/2022/06/06/hero-images-and-stylizing-your-portfolio-website/>
VANCOUVER
Jenna Moffitt | Sciencx - » Hero Images and Stylizing Your Portfolio Website. [Internet]. [Accessed 2024-03-29T13:30:46+00:00]. Available from: https://www.scien.cx/2022/06/06/hero-images-and-stylizing-your-portfolio-website/
CHICAGO
" » Hero Images and Stylizing Your Portfolio Website." Jenna Moffitt | Sciencx - Accessed 2024-03-29T13:30:46+00:00. https://www.scien.cx/2022/06/06/hero-images-and-stylizing-your-portfolio-website/
IEEE
" » Hero Images and Stylizing Your Portfolio Website." Jenna Moffitt | Sciencx [Online]. Available: https://www.scien.cx/2022/06/06/hero-images-and-stylizing-your-portfolio-website/. [Accessed: 2024-03-29T13:30:46+00:00]
rf:citation
» Hero Images and Stylizing Your Portfolio Website | Jenna Moffitt | Sciencx | https://www.scien.cx/2022/06/06/hero-images-and-stylizing-your-portfolio-website/ | 2024-03-29T13:30:46+00:00
https://github.com/addpipe/simple-recorderjs-demo