Bluestream needed a website that could explain a complex platform without making it feel heavy. The brand works across technology localization, pilot programs, commercial deployment, and regional capability building, so the site had to speak to investors, partners, operators, and institutional audiences.
The goal was to present Bluestream as a serious technology platform, not a basic corporate site. The experience needed to explain what the platform does, why the MENA region matters, which technologies are ready, and how Bluestream helps move ideas from pilot to regional scale.
What I did
I designed and developed the main site structure in Framer across Home, About, Technology, Sustainability, and Newsroom pages. My work focused on turning dense platform content into a calm, readable, and premium web experience.
The site uses large editorial headlines, soft green tones, warm backgrounds, agricultural imagery, structured cards, and clear page sections. I also built CMS based technology cards, a contact overlay, leadership carousel, interactive MENA map, process cards, sustainability comparison module, and responsive layouts for desktop, tablet, and mobile.
The site and flow
The homepage introduces Bluestream’s core story, from technology localization to regional urgency and field proof. The About page explains the platform model, leadership, partners, and regional focus. The Technology page uses a CMS portfolio to present deployable technologies with categories, metrics, and short summaries.
The Sustainability page explains clean transition, carbon aligned systems, and commodity verification through visual modules and comparison sections. The Newsroom adds an editorial layer, giving Bluestream a place to share updates, platform thinking, and market insight.
Results & my role
This project shows how a complex institutional platform can be made easier to understand through structure, writing hierarchy, and Framer execution. Instead of pushing everything into one page, the site gives each audience a clear path, from overview to proof to contact.
Role
Web Designer, UI Designer, Framer Developer
Tools
Figma, Framer
Deliverables
Full multi page website design
Framer development
Home, About, Technology, Sustainability, and Newsroom pages
CMS Setup
Responsive desktop, tablet, and mobile layouts
Reusable components and structured page sections