Bangladesh Software Development Ltd.
Enterprise Website — Design Preview
Design Preview Versions
Three iterations of the BSD homepage. Pick a direction.
Each version builds on the previous. Click any card below to open the live preview. Boss's feedback drives the next iteration.
01
Version 1 — Foundation
First cut · 16 sections
The original design. Clean corporate baseline covering all mandatory sections from the brief.
- 16 core sections (hero, solutions, industries, case studies, etc.)
- BSD green + navy + white palette
- Fully responsive layout
- Basic hover states + smooth animations
- WhatsApp float button + sticky nav
02
Version 2 — Enterprise-plus
Iteration 1 · 22 sections
Added trust-building depth. New sections aimed at C-suite credibility + interactive lead tools.
- + Manifesto section (bold typographic statement)
- + Impact ticker (animated counter tiles)
- + Certifications (ISO, MS, AWS, Odoo, HubSpot)
- + Global Reach (Bangladesh + Middle East map)
- + Leadership Voice (CEO quote section)
- + ROI Calculator (live interactive)
- Scroll progress bar + reveal-on-scroll motion
Latest
03
Version 3 — Chaptered & Bento
Iteration 2 · organized + eye-catching
Reorganized into 6 numbered chapters for scannability. Bento-grid solutions + timeline framework for visual variety.
- + 6 Chapter dividers (huge "01" "02" numerals grouping sections)
- + Bento-grid Solutions (asymmetric 1 hero + 5 smaller)
- + Timeline Framework (connected horizontal steps)
- + Enhanced Hero (layered browser + dashboard)
- + Custom SVG icons (replaces unicode)
- + Sticky section dots (right-side scroll indicator)
- + Card glow hover (green outer glow border)
Feature comparison
| Feature | V1 | V2 | V3 |
|---|---|---|---|
| Core homepage (Hero, Solutions, Industries, Cases, etc.) | ✓ | ✓ | ✓ |
| Manifesto / bold typographic statement | — | ✓ | ✓ |
| Impact ticker (animated counters) | — | ✓ | ✓ |
| Certifications / Partners row | — | ✓ | ✓ |
| Global reach + expansion map | — | ✓ | ✓ |
| Leadership voice / CEO quote | — | ✓ | ✓ |
| Interactive ROI Calculator (live) | — | ✓ | ✓ |
| Marquee logo strip (auto-scroll) | — | ✓ | ✓ |
| Chapter dividers (numbered sections) | — | — | ✓ |
| Bento-grid solutions (asymmetric) | — | — | ✓ |
| Timeline framework (connected steps) | — | — | ✓ |
| Layered hero visual (browser + dashboard) | — | — | ✓ |
| Sticky section dots indicator | — | — | ✓ |
| Custom SVG icons | — | — | ✓ |
| Card glow-on-hover effect | — | — | ✓ |
All three versions share the same BSD brand system: green primary + navy secondary + white base + Bangladesh red accent. Content is placeholder — Boss provides final copy after visual direction approval.
V2 Templates · Beyond the Homepage
See 6 internal page templates in V2 design
Solution · Industry · Case Study · SEO Landing · Blog · Contact
Open Templates Gallery →