Skip to content
All work
Case 07

Ogloba / Woodoos Website & Product Communication

Improved corporate website structure, solution pages, sitemap logic, client logo presentation, product communication, and selected UI features such as popups, banners, filters, switchers, components, variables, and color library updates.

Website IAB2B CommunicationWordPressReact PrototypeAI-assisted Building
Outcome highlights
  • Clearer corporate website structure
  • Faster product comprehension for B2B users
Product type
B2B corporate website & product communication
Platform
Web (desktop + mobile)
Timeline
2021–2026 · multi-phase website program
Role
Website UX, IA, visual direction, AI-assisted implementation
Team
Designer, marketing, frontend
Tools
Figma, WordPress / Elementor, React prototype, AI Coding Tools
Context

Why this project existed

The corporate website mixed products, solutions, and company information into pages that were hard to scan and harder to maintain. New offerings needed a clear, repeatable place to live.
My role

What I owned

  • Reorganized solution page structure to better communicate product offerings for B2B users
  • Improved sitemap logic, solution categorization, client logo presentation, and content hierarchy
  • Explored website concepts via Figma, WordPress, React prototype, and AI-assisted UI implementation
  • Supported selected website UI features: popups, banners, filters, switchers, components, variables, color library updates
Challenge

What made it hard

  • Years of accumulated content with no scalable structure
  • Multiple solution offerings needed a consistent presentation pattern
  • Balancing marketing messaging with clear product communication
  • Exploring implementation across WordPress and a React prototype
Process

How it came together

  1. 1Audited the existing sitemap and solution pages
  2. 2Restructured solution categorization and content hierarchy
  3. 3Explored concepts in Figma, WordPress, and a React prototype
  4. 4Used AI-assisted workflows to support UI implementation
  5. 5Shipped selected features: popups, banners, filters, switchers, components, variables, color library
Design decisions

The thinking behind it

Treated the website as a product communication system, not just a content site — one repeatable solution-page pattern, supported by AI-assisted implementation for the UI details.
Final design

Selected views

Abstract representations — original mockups, not client screenshots.

Outcome / impact

What changed

  • Clearer corporate website structure
  • Faster product comprehension for B2B users
Reflection

What I took away

Website work doesn't stop at IA — carrying it through to AI-assisted UI implementation kept the structure and the build consistent.
Back to all work