Bidly is a Construction Procurement Management Software company that leverages AI to help contractors and companies eliminate inefficiencies, reduce risks, and make faster decisions.
2one Studio partnered with Bidly to design a website from scratch that would establish their digital presence, showcase offerings, and build credibility in a competitive industry.
Industry
Real Estate
Industry
2 weeks
Industry
UX Research , Information Architecture, Visual Design
As an early-stage startup, Bidly needed a digital presence that could:
Build trust and generate leads.
• Educate users about their AI-driven procurement solution.
• Reflect a futuristic vision through engaging visuals and micro-interactions.
A key ask was an ROI calculator to make potential savings tangible for clients. Another challenge was crafting animations that captured Bidly’s mission and vision without overwhelming users.
Research
• User surveys (customers + clothelyners)
• App feedback collection
• Competitor review
• Mapped key pain points
Synthesis
• Defined two personas
• Mapped both user journeys
• Tracked emotional highs and lows
• Prioritized UX problems
Ideation
• Reworked booking flow (24hr, 2-day, subscription)
• Added smart add-ons & • product suggestions
• Introduced tracking & photo proof
• Designed calendar view for providers
Final Designs
• High-fidelity UI in Figma
• Created design system components
• Built guided flows for both user types
• Focused on simplicity and trust
Reflection
• Small UX wins = big user trust
• Dual-user platforms need balance
• Prioritized painkillers over nice-to-haves
• Left room for future feature growth
Before moving into wireframes, we explored how similar SaaS and procurement platforms presented themselves. Most competitors looked outdated, cluttered, and corporate—a far cry from Bidly’s AI-driven identity.
From user and stakeholder interviews, three key insights shaped our direction
Users wanted clarity on how Bidly saves money → led to the ROI calculator.
Stakeholders wanted a futuristic identity → informed animation style and UI direction.
Users valued educational resources → blogs and learning content became part of the IA.
These insights gave us a north star: make Bidly’s value clear, futuristic, and simple to grasp from the very first click.
To balance clarity with scalability, we mapped the website into clear sections:
We sketched low-fidelity wireframes to validate the information hierarchy. It helped us refine navigation flows and ensure content hierarchy felt intuitive before investing in visuals.
Style Guide
The style guide established a futuristic, scalable design system:
Colors: A modern palette balancing trust and innovation.
Typography: Clean, readable typefaces for clarity.
UI Elements: Buttons, hover states, and form fields designed for interactivity.
This foundation ensured consistency across pages and scalability as Bidly grows.
With wireframes and style guide approved, we designed high-fidelity screens:
A homepage hero with futuristic animation to capture attention.
A dynamic ROI calculator that visualizes client savings.
Micro-interactions across buttons and cards for feedback and engagement.
Responsive layouts for both desktop and mobile, ensuring seamless accessibility.
The final product balances clarity, credibility, and innovation—positioning Bidly as a forward-thinking SaaS leader in construction procurement.
Mobile designs
Result
The new Bidly website delivers on all project goals:
A credible digital presence for an early-stage startup.
A scalable foundation for future growth.
A memorable, interactive experience that builds trust and educates users.
By combining strong research, a clean information structure, and a futuristic design system, the project highlights Bidly’s innovative approach to procurement while keeping users engaged and informed.
Impact
Website launched in 6 weeks
from initial research to final design handoff
5+ key pages designed
(Home, Solution, Pricing, Resources, ROI Calculator)
100% scalable Style Guide
built for future features and product growth
Positive stakeholder feedback
on clarity, futuristic identity, and usability
