Home » portfolio » Osann

Osann

Osann

UI Design
Theme Development
Wireframing
UX Design

About the project

Designed and developed Osann’s international website, translating German innovation, safety, and premium quality into a modern digital experience.

Overview

Osann, a leading German manufacturer of child car seats and strollers, required a modern international website that reflected its heritage, innovation, safety standards, and premium German quality. The goal was to create a digital experience aligned with the brand’s identity while enhancing engagement for a global audience.

My Role

  • UI/UX Design (Figma)
  • WordPress Development
  • Elementor Implementation
  • Motion & Interaction Design
  • Responsive Design Optimization
  • Brand Experience Strategy

Process:

1. Brand Discovery & Research

  • Analyzed Osann’s brand values, market positioning, and visual identity.
  • Focused on communicating innovation, trust, family values, and German engineering excellence.

2. UI/UX Design in Figma

  • Designed a premium, modern interface using Osann’s custom brand typography.
  • Created a clean visual hierarchy emphasizing safety, quality, and product innovation.
  • Developed responsive layouts for international users.

3. Motion & Interaction Design

  • Crafted smooth animations and micro-interactions to enhance engagement.
  • Used motion strategically to reinforce innovation and elevate the user experience.

4. WordPress & Elementor Development

  • Built the website using WordPress, Elementor, and Hello Elementor.
  • Ensured pixel-perfect implementation of the Figma designs.
  • Optimized performance, responsiveness, and scalability.

Challenges

  • Translating German engineering quality into a modern digital experience.
  • Balancing premium branding with family-friendly accessibility.
  • Creating sophisticated motion effects without compromising performance.

Solutions/Results

  • Successfully launched Osann’s international corporate website.
  • Delivered a premium digital experience aligned with the brand’s identity.
  • Enhanced user engagement through custom animations and modern interactions.
  • Received excellent client feedback for both the professional design execution and motion-driven user experience.
  • Established a scalable platform supporting the company’s global presence and future growth.

StyleGuide:

Desktop Landing:

Mobile Landing: