Framer Portfolio
I wanted to learn Framer so I used the opportunity to redesign my portfolio site with updated branding, new project details, and some fun animations!
https://www.amandaloftis.io/
Built on Framer. Illustrations by StreamlineHQ.
Tools used
Share
Reviews
1 review
I'm about to embark on learning Framer myself. The fact that you made it and published it is such a boost for me. Thanks, Amanda!
I'm curious, how long did it take to create this? The micro animation, circular “product design leader/director”, etc.
Do you use the Framer Academy or any other sources?
Hey! It honestly took me a long time since this was my first ever experience with the platform. Probably like a couple hours a night for two weeks to get it where I was really happy.
I mostly looked at Framer youtube videos and "remixed" some community files to wrap my mind around how their components work.
The animated circle is actually a built-in feature which is pretty cool!
5 Claps
Average 5.0 by 1 person
You might also like
Project
Entrant Accessible Signup and Login Forms
Entrant was the internship-focused job-seeking app for college students and fresh graduates — built around lowering friction, making opportu
Project
A/B Testing for Bumble's Onboarding Process
This hypothesis project is made with the purpose of improving Bumble's onboarding process with gamification, early reward system, and intere
Project
Dark mode Main page
light mode
Project
CJM x Mindspace case study - Ester Cinelli
Mindspace was chosen for this customer journey map because it offers a premium, design-focused co-working experience aimed at people who nee
Project
LUMÉRA - Checkout Flow
Cart abandonment is one of the biggest challenges for D2C brands, especially in categories like skincare, where trust and reassurance play a
Project
Tripit's Login and Sign Up Flow
Tripit is a travel planning and itinerary management app that I personally love using. For the most part Tripit's login and sign up flow are
Popular Courses
Course
UX Design Foundations
Learn the essentials of UX design to build a strong foundation in core principles. Gain practical skills to support product development and create better user experiences.
Course
Introduction to Figma
Learn essential Figma tools like layers, styling, typography, and images. Master the basics to create clean, user-friendly designs
Course
Design Terminology
Learn UX terminology and key UX/UI terms that boost collaboration between designers, developers, and stakeholders for smoother, clearer communication.