Building BragBook in public day 13!

Premium/Pricing page for BragBook.

3 tiers: Free Trial (7 days), Monthly ($4.99), Yearly ($47.99, 20% off)

Desktop + mobile views shown. Thoughts on the pricing structure?

#buildinpublic #saas #productdesign #uxdesign

Building BragBook in public day 12!

Bento card design for BragBook's marketing site.

Modular layout showcasing:
✨ AI improvements
⚡ Quick capture
🔒 Privacy
📝 Generate recap
🔗 Public sharing

usebragbook.io

#buildinpublic #webdesign #uxdesign #productdesign

Building BragBook in public day 11!

Mobile UI for BragBook dashboard uses two slide out panels for navigation and actions keeping the dashboard to just entry content.

#buildinpublic #mobiledesign #uxdesign #productdesign

Building BragBook in public day 10!

Comparison of the desktop vs mobile UI for the BragBook dashboard experience.

Same data, different context. Mobile prioritizes readability over features.

#buildinpublic #uxdesign #productdesign #saas

Building BragBook in public day 9!

Figma Sites is really great for anybody looking to publish websites. Really simplified my workflow. Really easy to work on Desktop, tablet, and mobile all at once!

Built using figma sites - usebragbook.io

#productdesign #buildinginpublic #webdesign #saas

Building BragBook in public day 8!

Landing page is live for BragBook 🎉

usebragbook.io

A tool for designers & PMs to document their wins so they're always ready for performance reviews, interviews, and portfolio updates.

#buildinpublic #uxdesign #productdesign #saas

Building BragBook in public day 7!

I'm now exploring a feed-style dashboard for BragBook instead of the timeline approach. Not sure which direction i should move forward with.

✅ More familiar
✅ Cleaner look
✅ Room to grow

#buildinpublic #uxdesign #productdesign

Building BragBook in public day 6!

Which dashboard direction works better? Been exploring more options.

I'm starting to lean towards Option 1, the modular, card direction as the literal timeline feels a bit overkill.

#buildinpublic #uxdesign #productdesign

Building BragBook in public day 5!

First design pass at some of the mobile screens for BragBook and my thinking behind them.

#buildinpublic #uxdesign #productdesign #mobiledesign

Building BragBook in public day 4!

📅 Timeline structure → Chronological, grouped by month
🎯 Simple & technical → Content is the star, not the UI
⚡ 1-click actions → Copy, export, filter with no friction
🖼️ Balanced imagery → Visible but not overwhelming

#buildinpublic #uxdesign #productdesign

Building BragBook in public day 3!

Which branding/logo option do you prefer? I'm leaning towards option 2 but any thoughts or feedback would be super appreciated!

#buildinpublic #productdesign #logodesign

Building BragBook in public day 2!

Sharing my initial wireframes for the 'Add Entry' feature and my guiding UX principles and thinking behind my decisions.

Goals for this:
⚡ Add entries in 30 seconds
🎯 Everything optional
✨ Templates for quick starting

#buildinpublic #uxdesign #productdesign

Sharing my first wireframe for the BragBook dashboard and my guiding UX principles for its structure and components.

✅ Simplicity - See everything at a glance
✅ Organization - Filter & search instantly
✅ Visual-forward - Images and links up front

#buildinpublic #uxdesign #productdesign

Building BragBook 🎯

A tool for designers to document their wins so you're always ready for performance reviews, interviews, and portfolio updates.

The problem: We forget what we shipped.
The solution: Log it as you go.

Launching soon. Building in public.

#buildinpublic #indiehackers #designtools