2024
New Bidaa Media
Digital media and events platform for a leading Qatari agency, built with React, Node.js, and MongoDB, optimised for lead capture and SEO.
ReactNode.jsMongoDBTailwind CSSFramer MotionVite
// cover
New Bidaa Media
Built a digital hub for a media and events agency so their services, event work, and contact flow matched the quality of the brand.
Problem
The previous website felt outdated, was not mobile-friendly, and did a poor job turning attention into qualified inquiries.
Solution
Created a responsive React and Tailwind site with purposeful motion, service sections, event-focused content, and backend support for contact handling.
Role
Role: Full-Stack Developer
Duration: 4 weeks
Responsibilities
- Frontend development and motion design
- Node.js and MongoDB backend
- Form handling and email workflow
- Deployment and optimisation
Highlights
- Purposeful Framer Motion usage
- Responsive layout across key breakpoints
- SEO and lead-capture improvements
Outcome
- Launched on time with strong mobile responsiveness
- Form submissions improved compared to the previous site
- The client used the refreshed site in high-visibility pitches and events
What I Learned
- Brand-heavy sites need restraint, not constant animation
- Iterative client reviews reduce late-stage revision churn
Stack
React · Node.js · MongoDB · Tailwind CSS · Framer Motion · Vite