HN Electronic
Power Supplies for Industry & Resellers
WordPress Redesign & Shopify Webshop Optimization
• Modernizing typography with Roboto and a consistent HN Blue colour scheme.
• Making Shop and Kontakt stand out in a sticky, gap-free navigation.
• Promoting the new HN Electronic Shopify webshop on the homepage.
• Redesigning product detail pages so “Order now” and the HN-Powerfinder are visible at once.
• Standardising Shopify product images and auditing them for blur and cropping.
• Keeping the German and English sites identical, including the location map.
Promoted the new HN Electronic webshop with a stand-out “Order now” homepage section.
Made Shop and Kontakt more visible in a sticky navigation with a Produktberater link.
Standardised every Shopify product image to one size and background — and audited the catalogue, flagging 9 blurred and 2 cropped images.
13
website requirements delivered, from typography to product page layout
2
platforms improved: the WordPress website and the Shopify webshop
1
consistent design system: Roboto typography and HN Blue (#007AA0) on every page
Business Impact
HN Electronic Components GmbH & Co. KG in Langenselbold, Germany, is a European full-range supplier of power supplies — including its own HN-Power brand, Phihong, and Protek/FSP — for industrial customers and resellers. After launching a Shopify webshop at shop.hn-electronic.de, the company needed its WordPress website to guide visitors to the shop, the HN-Powerfinder product advisor, and contact options faster — and its webshop to present products consistently.
Shop, Kontakt, and Produktberater visible in the main navigation
Sticky header with no gaps when scrolling
“Order now” and HN-Powerfinder visible on every product detail page
Uniform product image size and layout across the Shopify webshop
9 blurred and 2 cropped product photos identified for replacement
Legal pages in the footer, a cleaner blog, and a compact contact form
Key takeaway: when a B2B supplier runs a WordPress website next to a Shopify webshop, both need to work as one journey — clear paths from the website to the shop, and a webshop where every product looks equally professional.
WordPress & Shopify Development
“The cooperation with SS4U is extraordinary. I want to emphasize the constant communication, fast response times and adequate implementation of the project briefings. We have been working with SS4U for several years now. We are very enthusiastic about the collaboration. Thank you very much!”
Maurice Marquardt
Senior Performance Marketing Manager, Hello Performance
More Case Studies
Let’s Start a Conversation About Your Project
Running a WordPress website next to a Shopify webshop? Tell us where visitors or customers get stuck, and we’ll tell you honestly whether — and how — we can help.