A major reason for me to learn front-end development was the ability to work effectively in cross-functional teams as a UX designer. Understanding coding languages would allow me to know the possibilities and limitations of development, and help me communicate more effectively with developers.
The wireframes focused on three viewpoints: mobile, tablet, and desktop. Each layout was optimized for the differing sizes to keep everything responsive. For example, the two-column layout on desktop collapses on mobile view.
Utilizing Atom and Github, I set up the Home, About, and Project pages using a mobile-first approach. I chose to use one main color and kept the rest minimal to keep the focus on my work, making sure to use hover states on the navigation menu and both styles of buttons. The same colors and fonts are used for this portfolio as well as my resume to maintain a cohesive style.
I also learned how to include transitions and animations and had some fun playing around with options. I was especially proud of figuring out how to animate the navigation menu and social media icons, as I had to do extra research.
I made sure to use linters and W3C markup validation to check for errors throughout the process of creating the portfolio.
If you like what you see and want to work together, get in firstname.lastname@example.org