Skip to main content

Here's what a portfolio website should look like

One of the best speakers at Generate New York 2015 (opens in new tab) last month is a designer at Sparkbox (opens in new tab) and net's Young Designer of the Year 2014, Katie Kovalcin (opens in new tab). What makes her portfolio site so special are the little geometric patterns scattered around. The patterns glitch, they rotate, they animate their stroked lines … they are the detail that the whole site hangs upon, and they work exceptionally well. (Create an equally great site by using one of the best web hosting services and the best website builders around.)

"I was inspired by the bold, geometric textile patterns that Dusen Dusen creates," Katie says. "The exciting energy of their patterns and shapes is something that I wanted to capture for the web." Such is the energy of those shapes that when visiting the site on mobile, where the SVGs aren't present, the experience feels a little diminished. 

The site was built by Chris Coyier of CSS-Tricks (opens in new tab), using the increasingly popular static pages generator Jekyll (opens in new tab). It's hosted on GitHub Pages, and has a custom Grunt set-up for creating web-ready SVGs from Illustrator exports, making it easy to update (be sure to save those files in cloud storage).

What I really appreciate about this site is the sense of personality, and the feeling that it's been designed by someone with a very clear vision of the end product.

Words: Peter Gasston (opens in new tab)

Peter Gasston is a veteran web developer who now works as a technologist and frontend lead at rehabstudio. He’s the author of The Book of CSS3 and The Modern Web.

Like this? Read these!

Thank you for reading 5 articles this month* Join now for unlimited access

Enjoy your first month for just £1 / $1 / €1

*Read 5 free articles per month without a subscription

Join now for unlimited access

Try first month for just £1 / $1 / €1

The Creative Bloq team is made up of a group of design fans, and has changed and evolved since Creative Bloq began back in 2012. The current website team consists of six full-time members of staff: Editor Kerrie Hughes, Deputy Editor Rosie Hilder, Deals Editor Beren Neale, Senior News Editor Daniel Piper, Digital Arts and Design Editor Ian Dean, and Staff Writer Amelia Bamsey, as well as a roster of freelancers from around the world. The 3D World and ImagineFX magazine teams also pitch in, ensuring that content from 3D World and ImagineFX is represented on Creative Bloq.