所有作品
案例 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
- 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
為什麼這個專案存在
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.
我負責的部分
- 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
困難之處
- 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
如何完成
- 1Audited the existing sitemap and solution pages
- 2Restructured solution categorization and content hierarchy
- 3Explored concepts in Figma, WordPress, and a React prototype
- 4Used AI-assisted workflows to support UI implementation
- 5Shipped selected features: popups, banners, filters, switchers, components, variables, color library
背後的思考
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.
精選視覺
抽象示意圖——原創 mockup，非客戶截圖。
改變了什麼
- Clearer corporate website structure
- Faster product comprehension for B2B users
我的收穫
Website work doesn't stop at IA — carrying it through to AI-assisted UI implementation kept the structure and the build consistent.