Back home

DevWorks

Devworks is a software agency that helps businesses unleash their full digital potential by providing transformative software solutions that drive growth and competitive advantage.

Screenshot of DevWorks home page

Specifications

  • Built with HTML5 semantic tags, React.js, Tailwind, Framer Motion
  • Total of 7 pages
  • Mobile-first workflow
  • Responsive on all devices

Features

  1. Page-based lazy loading
  2. Animations & Transitions
    • Smooth scroll-based transitions
    • Infinite marquee components
    • Smooth carousel

Lesson Learned

I designed this website using Figma. I am quite satisfied with the result because I tried to be consistent in its design aspects. Fr the development part, I implemented page-based lazy loading so that all pages and their assets are not loaded during the initial website load, which can be heavy. For the images displayed on this website, I converted them to the .webp format to minimize size while still maintaining quality. The use of the .webp instead of .avif here is because the browser support is more reliable.

Tap Here for the Live Demo