Creating my Portfolio
Bridging Creativity and Code
I built my portfolio from scratch to showcase my unique ability to turn design ideas into development-ready solutions. This project reflects how I think, solve problems, and act as the bridge between design and front-end development. By blending technical skills with design precision, I created an interactive experience that brings ideas to life—bridging creativity and functionality.
Laying the foundation
- Colors:
- #3C0092 (purple) for creativity and strength
- #F9A620 (orange) for optimism and energy
- #91A6FF (light blue) for clarity and calmness
- #FBB7C0 (pink) for warmth
- #548C2F (green) for growth and harmony
- Typography: Inter and Darker Grotesque for modernity and readability
- Logo that complements these elements and reflects my core values
This foundation set the visual tone for my portfolio, showcasing my work while expressing my design thinking and personal identity.
Click on the image to enlarge
Improving Through Insights
Design is an iterative process, and my portfolio evolved significantly from its initial concept. I took time to gather insights from other designers in the industry to refine the design in the next iteration. By comparing the older version with the new design, you can see how I improved clarity, focus, and visual appeal, ensuring that every element serves a clear purpose.
Visuals: Side-by-side comparison of your older and newer Figma designs.
Click on each image to enlarge
Bringing Designs to Life
Translating the design into a fully functional website was where my development skills shined. Working in VSCode , I built custom components and wrote clean, maintainable code to create a responsive , interactive portfolio. Challenges like ensuring cross-browser compatibility and seamless responsiveness helped me further hone my technical expertise .
Click on the image to enlarge
Being the Ultimate Translator
Building this portfolio reinforced my role as the ultimate translator between design and development, aligning creative vision with technical execution. The result is a portfolio that blends creativity and functionality, showcasing responsive layouts and my design thinking process, with every detail crafted to reflect my skills. Moving forward, I’ll continue refining the portfolio, incorporating feedback, and adding new projects to further bridge the gap between creativity and technology.
