DEV Community

Joanne
Joanne

Posted on

1

Day 18 - Redesigning My Portfolio

Yesterday I completed a redesign of my portfolio. The concept was to play with colors but maintain a straightforward approach to the UI of page.

I wanted to build a sense of depth and movement with colors. So I literally used an animated gradient background for the landing intro section!

Intro

You can check out the rest of my portfolio here. Or you can enjoy the gif below! I look forward to adding more applications that come out of this 30 challenge to my list of projects!

portfolio gif

What I Learned

Everytime I build wireframes for my portfolio then start coding, it doesn't exactly end up being the original design! It's the one ongoing project that I let it take me where it ends up going.

How This Will Help Me

I think the design reflects a little bit more of who I am, and helps tells a better story of my background with the About Me page.

Onto the next challenge!

Speedy emails, satisfied customers

Postmark Image

Are delayed transactional emails costing you user satisfaction? Postmark delivers your emails almost instantly, keeping your customers happy and connected.

Sign up

Top comments (3)

Collapse
 
louislow profile image
Louis Low • Edited

Every time I build wireframes for my portfolio then start coding, it doesn't exactly end up being the original design!

I redesigned my portfolio few months ago too. I know such a similar experience. It took me more effort in CSS styling. Meanwhile not to make the CSS file messy.

Collapse
 
joanne profile image
Joanne

I end up littering my CSS files with commented code because I tend to change my mind along the way and have to remind myself to update elements because of my changes.

Collapse
 
louislow profile image
Louis Low • Edited

If you have a mockup, you should stick with it. If not, you never get things done. If you don't have the idea, go mind-shopping at Pinterest would help.

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

👋 Kindness is contagious

Dive into an ocean of knowledge with this thought-provoking post, revered deeply within the supportive DEV Community. Developers of all levels are welcome to join and enhance our collective intelligence.

Saying a simple "thank you" can brighten someone's day. Share your gratitude in the comments below!

On DEV, sharing ideas eases our path and fortifies our community connections. Found this helpful? Sending a quick thanks to the author can be profoundly valued.

Okay