Rivet Design Landing Page Development

Moira M.

πŸ”§ Project Overview: Rivet Design

Website: rivet-design.com Role: Web Developer & Designer Tech Stack: Next.js, Tailwind CSS, TypeScript, Vercel

✨ Summary

I designed and developed a fast, responsive landing page for Rivet Design, built from scratch using modern front-end technologies. This was a quick-turnaround project with a strong focus on custom visuals, clean structure, and reliable deployment.

πŸ›  My Contributions

πŸ§‘β€πŸ’» Development

Built a performant, SSR-enabled site using Next.js.
Used TypeScript for type safety and maintainability.
Styled the UI with Tailwind CSS, leveraging utility-first principles.

🎨 Design

Created a custom SVG mask for a standout visual hero element.
Crafted a clean, modern aesthetic with emphasis on spacing and typography.
Implemented a drawer menu for responsive navigation.

πŸš€ Deployment & Setup

Deployed the project via Vercel with CI/CD configured.
Set up a custom domain and verified email configuration (e.g., for business email).
Optimised for performance and accessibility from the outset.

πŸ“Œ Highlights

⚑ Fast turnaround from design to live launch.
✏️ Fully custom layout, no templates or boilerplates.
πŸ“± Mobile-first experience with responsive drawer navigation.
🧩 Reusable components and scalable file structure for future expansion.
Like this project

Posted Jul 17, 2025

Designed and developed a fast, responsive landing page for Rivet Design using modern front-end technologies.

Code Club World
Code Club World
Global Digital Heritage - 3D Exploration Tool
The Little Boat - Digital Product Studio
The Little Boat - Digital Product Studio
Scriber | The all-in-one publishing tool for finance writers
Scriber | The all-in-one publishing tool for finance writers

Join 50k+ companies and 1M+ independents

Contra Logo

Β© 2025 Contra.Work Inc