Here is an overview of Iteration 3.0 built with Figma
It started with a basic JournoPortfolio website where I had my Design work, Data work, and Personal Art.
With a code block for typescript effect.
And seperate tabs for each category.
I started learning Figma by myself 3.5 years ago. However, there was a lot of knowledge gaps. Thanks to this journey, I learned a lot including:
Building Hover over effects with Components
Building Scroll effects
Building and designing my website has been more challenging than I thought it would be.
1. I’m picky and a bit of a perfectionist. I want every detail (color, elements, animations, etc.) to represent me. I still haven’t succeeded fully, but I am content with what I have now.
I decided to just built it. Even if I think it’s “not pretty”. So the version 1.0 JournoPortfolio was created.
2. Separating professional and personal self inner-dialogues—-
in a world where authenticity isn’t practiced as much as it is encouraged, I found it hard to pick and choose what to present. I am more than my work, and skills I build through my non-career work, aren’t easy to present. so how do I showcase that?
I picked colors and themes that represent me. I’m also inlcuding my Medium blog link, photography, and art; because there is an element of passion in them.
3. Not having recorded projects I have worked on.
Many previous projects were lost through school email account or work account, hence I had to re-create projects from zero.
Started building new passion projects, or improving previous ones.
Lastly,
Future improvements:
1. Adding more scroll effects to make website more engaging and interactive.
3. Cleaning up my descriptions. Include the entire journey (user interviews, usability testings, personas, etc.)
2. Adding more projects with their iteration and my growth journey.
4. Implement hover over effect with Squarespace.