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