Key Learnings from the 'Complete Web Design: from Figma to Webflow to Freelancing'
Gaphic design concepts like layout, typography, visual hierarchy, design tricks, and more.
How to design beautiful websites using Figma, an interface design tool used by designers at Uber, Airbnb and Microsoft.
How to take the designs and build them into websites using Webflow — a powerful site builder used by teams at Adobe, Dell, NASA and more.
With this project I have refined my expertise in the art of framing through the deliberate selection of images, meticulous choice of colors, and the artful application of fonts, all skillfully executed within Adobe Illustrator.
'Sustainable Agriculture'
'The Father'
'Lake Braies'
Sampling Colors Process ⬆️
With this project I've honed my skills in the principle of hierarchy by selecting images, coordinating colors, choosing fonts, and strategically placing them within Adobe Illustrator. I am particularly pleased with the outcome, as it exudes clarity, simplicity, visual charm, and a concise aesthetic.
'Vincent Schwartz - Boston Divorce Attorney'
In refining this best practice I've embraced the tension principle by creating dynamic movement among visual elements within Adobe Illustrator. I'm really happy with how well the colors stand out in the project. The contrast and having a clear main focus make a big difference on the overall visual appealing.
'Black Friday Sales'
In this exercise, I was given various themes listed on the left columns on Adobe Illustrator. My task was to select appropriate font types for each theme and provide explanations for my choices.
In this typeface pairing exercise on Adobe Illustrator, I was presented with diverse content, and my objective was to match each content piece with a typeface that best suited the theme conveyed in the titles and descriptions. Also as you can see from the yellow boxes, I provided detailed explanations for my choices.
For this best practice I have chosen typefaces, icons, I have selected images and also have practices the overlapping principle on Webflow.
For this best practice my task was to take the left colum (purple one) as a reference and then recreate a new Chat App homepage next to it on Webflow trying to be as loyal as possible to the original one but having quite space for creativity. This particular process has been fun for me as it was the first time I was building an Homepage.
For this best practice I played with images, adjusted color saturation and refined button colors by creating different overlays for each of them on Webflow. The arrangement of textual elements—such as text, titles, headings, and content descriptions — was carefully selected to align with the original message of the webpage.
In this particular exercise, I engaged on Webflow in the development of mood boards specifically designed for a local food delivery application.
Disclaimer: The content presented on this portfolio page is created for demonstration and creative purposes only. None of the images or individuals featured herein are associated with or endorsed by any real organization or persons, apart from UDemy and the Complete Web Design: from Figma to Webflow to Freelancing Course. Any resemblance to actual events, locales, or persons, is purely coincidental. This portfolio is a showcase of creative skills and capabilities, and its contents should not be construed as representative of real-world associations or engagements. Photos and images have been taken from pexels.com and Unsplash.com
