Rosanna Fong logo.

My Brand

2011 - Present.

A look into how my brand has developed over the years.

Portfolio 2015-2016.

Portfolio Website 2015-2016

Design

Inspired by Google Material Design, I decided to add subtle interactions to my website.

Development

Moving away from the Bootstrap framework, this website was created using HTML5, CSS, and Javascript using the mobile-first approach.

Portfolio 2014-2015.

Portfolio Website 2014-2015

Design

Playing around with the colour pink paid off for this version of my portfolio. I've also documented my process This link takes you to an external site. You will be taken to Rosanna's design blog on Tumblr. for the redesign.

Development

This website was made using Bootstrap v3.0.3 using the mobile-first approach.

Portfolio 2013-2014.

Portfolio Website 2013-2014

Development

This website was made using Bootstrap v3.0.0 using the mobile-first approach.

Portfolio 2012-2013.

Portfolio Website 2012-2013

Development

This website was made using Bootstrap v2.2.1 using the mobile-first approach.

Portfolio 2011-2012.

Portfolio Website 2011-2012

Development

This website was made using WordPress for large viewports only.

About the project

My brand development

By redesigning my brand and portfolio from time to time, I could use it as an opportunity to experiment with new web tools, frameworks and languages. It is also a way for me to practice and improve my design and development skills.

The challenge

Creating a brand for myself is challenging. I have to think about what best represents my identity each time I redesign my portfolio.

Current status

I've launched a new version of my portfolio in July. For this version, I wanted to play around with interactions and layout.

I've rebuilt the current portfolio from scratch using HTML5, CSS3, SASS, Compass, Susy Grid, JQuery, and Javascript.