ifolio: Web design for porfolio

ifolio is a modern brutalist style Framer template designed specifically for. Creatives Designers, Freelancers to help you extend your brand.. Show your work, share your thoughts, and sell your products with this minimal and dark color schemed template.

You can view a demo of the website with the link below.

I made my first website template with Framer after fiddling with their new Framer Sites product for several months. My purpose in creating this template was to help any creative designer, freelaner to pick up this template, add their content and publish their portfolio website.

✧ Color: i use dark color as primary color and red as secondary color. they will give strong contrast and powerful feeling for viewer

✧ Typography: Mazius Review and Poppin are my choice, because they bring good balance for creativity feeling and readability

Let me quickly summarise everything I did from planning to launch:

✧ Ideation/Wireframing: I start with brainstorming idea and collect content, color pallete/icon/images, I quickly created a low-fidelity wireframe in Figma to clarify basic layout of webpage

✧ Designing: i build a small design system with simple typography system and color system in Figma. And using it to create final design for desktop and mobile

✧ Developing and scaling the website: after finish the design in Figma, i start moving design system (typography system and color style) to Framer before converting design to Framer by using Figma to Framer plugin, i will create components, adding accessibility information to each element on the website to make it running smoothly on Framer

✧ Publishing the final version and promotions (or were there any? 👀): After fixing everything, I set up a LemonSqueezy/Gumroad/UI8 account and designed some custom assets to buy my product on their platform. I shared the live link to the site on my socials, on the Framer's official community, and that's it!