← All case studies
Winsonic — industrial website and structured product information
PHPGnuboardCSSJavaScript
EvidenceDedicated product2 skin
Context
Worked on an industrial ultrasonic equipment website and product pages, with subsequent improvements to a dedicated product information skin.
Problem
Equipment descriptions differ in length and available fields. Unstructured copy makes comparison difficult, while empty customization sections disrupt the layout.
Decisions
Structure product information
Separate Overview, Features, Control, Customization and Specifications with product types and specification tags.
Adapt to missing fields
Place Specifications beside Control when Customization is empty.
Support desktop and mobile reading
Use two columns on desktop and one column on mobile.
What I owned
- Industrial company website
- Product detail skin
- Specification presentation
- Conditional layout
- Responsive product UI
Actual deliverables
- Dedicated product2 skin
- Structured fields and conditional responsive layout
Scope and verification
Dedicated product2 skin
Scope is based on product-skin code and revision history. The current production rollout of later skin changes is not inferred from implementation alone.
If you need this kind of work
Describe the thing you're currently stuck on. I'll reply by first separating what I can take on from what I can't.