Win Brand Deals

Inspiration

As a creator myself, I’d spent countless hours cobbling together media kits for brand pitches—designing layouts, compiling metrics, and formatting PDFs. I saw fellow creators struggling with the same pain: great content, but unpolished, time-consuming media kits holding back their brand partnerships. I wanted to build a tool that stripped away the friction, letting creators focus on what they do best: creating.

What it does

MediaKit Generator is a web-based SaaS platform that empowers social media creators to build professional media kits instantly. It pulls in audience insights, performance metrics, and partnership case studies into sleek, brand-ready layouts—with one-click export to PDF or shareable web links. Every element is designed to showcase a creator’s value to brands, from animated data charts to polished contact sections.

How we built it

I started with wireframing the user flow (homepage to dashboard to export) in Figma, prioritizing intuitive navigation and visual appeal. For development, I used React for the frontend to build responsive, interactive components, paired with TailwindCSS for modern styling (think glassmorphism cards and gradient animations). ChartJS powered the dynamic audience/performance visuals, and I integrated PDF generation tools to enable seamless exports. The entire platform was deployed on Vercel for fast, reliable access.

Challenges we ran into

The biggest hurdle was balancing animation polish with performance—too many animations slowed down the platform on lower-end devices. I had to optimize each micro-interaction (hover effects, count-up animations) to degrade gracefully without breaking functionality. Another challenge was making the media kit generation feel "instant" while populating realistic, relevant data—iterating on data logic to ensure speed and authenticity.

Accomplishments that we're proud of

I’m most proud of the user experience: creators can go from landing on the homepage to having a complete, professional media kit in under 10 seconds. The animated data visualizations and smooth transitions make the platform feel premium, and early testers (fellow creators) have told me it’s cut their media kit creation time by 90%.

What we learned

I learned how to balance form and function—stylish animations and design matter, but not at the cost of usability. I also deepened my understanding of SaaS user psychology: creators want instant gratification, so "load fast, act fast" became the north star. Most importantly, I learned to build for a specific audience—tailoring every feature to solve the exact pain points of social media creators.

What's next for this project

Next, I want to add template customization—letting creators tweak layouts to match their personal brand. I also plan to integrate real-time social media metric sync (connecting to TikTok/Instagram APIs) so data is always up-to-date. Finally, I’ll roll out team features for agencies managing multiple creators, and explore a mobile-optimized version for on-the-go edits. The goal is to make MediaKit Generator the go-to tool for every creator looking to scale their brand partnerships.

Built With

• chartjs
• css
• html
• javascript
• react