Framer Website - Advanced
Starting at
$
1,000
About this service
Summary
I'm offering both design and development, I design using Figma and develop using Framer. Why you should work with me? I have the knowledge and skill of how SEO works and also build smooth user experience for your customers, I can also go the extra mile by writing code where needed to achieve a well-converting website.
Process
Kickoff Meeting with the Client: The project began with an in-depth discussion with the client to gain a clear understanding of their requirements. We covered desired functionalities, animations, interactions, and the key pages and sections needed for the website.
Building the Foundation: After our initial discussion, I turned my attention to creating the core components of the website, including the testimonial carousel, feature card animations, navigation bar, footer, buttons, and more. This step sets the stage for the next phases of development.
Development of Pages and Sections: With the components finalized, the focus shifted to constructing the individual pages and their corresponding sections. I prioritized developing across multiple breakpoints simultaneously to ensure a smooth, responsive design and an optimal user experience on all devices.
Bringing the Website to Life: With the static pages and sections built and components integrated, the focus turned to incorporating the planned interactions and animations. This step added visual flair and boosted user engagement on the website.
Client Feedback and Final Approval: After finishing the development phase, I presented the website to the client for review. I integrated their feedback, and once all pages, interactions, and animations received approval, the website was published for a final review before going live.
Project Handover: After receiving the client’s approval, I prepared a detailed handover package. This included all the essential deliverables (listed at the end of this case study), such as the Framer project source file, the published link, and a comprehensive video guide explaining website maintenance and other critical details for the client.
What's included
Framer project source file
The framer project source file is given to the client for future/further exploration and customization.
Links of all pages developed
The link to each page developed on Framer is sent to the client for preview and review
Maintainance video
A video file that walk client through how they can maintain the website on their own without external help
Example projects
Duration
4 weeks
Skills and tools
Web Developer
Framer Developer
Framer Designer
Figma
Framer
Industries
IT Infrastructure