Technical specification
Perfected App is a web agency website used to market app development services. The website was initialy built on WordPress platform but was later moved to React and GatsbyJS. It utilizes some advanced page transitions and animations.
Responsibilities
I was responsible for converting design files into fully working web pages with complex animations and transitions between pages.
- Front End Development
- Advanced Animations
- Integration with WordPress
- Moving to React and GatsbyJS static site generator
- Responsive Design
- User Experience
- Deployment to AWS Amplify
Challenges
Obviously, the biggest challenge for this project was handling live page transitions and UI elements animations. Initially, the website was built using jQuery and vanilla JavaScript. Because of the performance boost, security and reduced maintenance cost it was later moved to React and Gatsby static site generator.
The move from WordPress to Gatsby resulted in major performance boost (over 3 times faster load time), PWA (Progressive Web Application) support and huge maintenace cost reduce (it is way cheaper to host a static site compared to a WordPress theme).