Alpine Electronics

Design, Protoyping & UX/UI Design

with & for Alpine Electronics

Alpine ElectronicsResponsible for:
UX/UI, Design, Development

Alpine Electronics

Design and development for Alpine Electronics

A dynamic Shopify shop for Alpine Electronics with several products managed through the backend. Easy and instant information & guides are provided for customers as per custom Shopify plugins for each product.

Alpine Electronics

Development included several custom Shopify plugins, extensive mobile compability as well as a fully accessible ecommerce section.

Project Scope

  • Graphic design
  • Custom jQuery slider
  • CSS3
  • HTML5
  • Mobile version
  • Tablet version
Alpine Electronics

Colour palette

Alpine Electronics

About Alpine Electronics

Alpine Electronics, Inc. (アルパイン株式会社) is the consumer electronics subsidiary of the Japanese electronics component manufacturer Alps Electric, specializing in car audio and navigation systems.

Alpine’s engineering headquarters are in Iwaki, Fukushima Prefecture, Japan.

Navigation Systems exclusively designed for Audi ( A4, A5 ), Mercedes-Benz – MB ( GL, ML, Vito, Viano, Sprinter ), BMW 3 ( E46 ), Skoda Octavia 3 and Volkswagen ( VW Golf 7, Golf 6 )

Alpine Electronics

Mobile sites built in

Alpine Electronics includes a responsive tablet & mobile design, so anyone can see the site any time, any place, on any device.
Alpine Electronics


Alpine Electronics

Full responsive layout
Frontpage editing
Custom shopify modules
HTML5 Slider

UX/UI requirements

Ecommerce web design

Ecommerce web design is not just about making an online store aesthetically pleasing (although that helps). More important is the undeniable fact that the quicker the customer can get from landing page to completed order, the more likely they are to get to the end and give you their money. Quality ecommerce web design is all about getting potential customers through that process.

  • 01. Let customers refine their options
  • 02. Let customers reverse their choices
  • 03. Keep the search bar in easy reach
  • 04. If items are out of stock, make it clear
  • 05. Make use of quality photography
  • 06. Make the shopping cart visible at any time
  • 07. Make the ecommerce site easy to navigate
  • 08. Don't add delivery charges at the end
  • 09. Question every pixel
  • 10. Strong SEO Guidelines
  • 11. Site personality & Branding
  • 12. Incorporate social media
  • 13. Provide a quick product preview
  • 14. Add a newsletter signup form
  • 15. Keep product pages clean
  • 16. Include testimonials
  • 17. Display product variations intuitively
  • 18. Eliminate checkout distractions
  • 19. Keep the 'add to cart' visible
  • 20. Make contacts easy to access
Alpine Electronics

Alpine Electronics Gallery

Alpine Electronics


Specialized in creating responsive eCommerce sites,
interactive UX design & mobile apps.


Located in Munich, milo offers design for best-practices in eCommerce design, usability & accessibility across browsers, users and mediums.

Good design just works

Find out more


Designed with emotion


Your ideas are important to you. Let's make it happen.

Find out how


Starting with a project definition