Lagumi | E-Commerce Shopping Service

Für den Lagumi Shopping Service haben wir eine modern aussehende Webseite im responsive Webdesign erstellt. Die Webseite bietet relevante Informationen über den Service und Abwicklung des Angebots auf Deutsch und Chinesisch. Zu den von uns gelieferten Services gehören die Realisierung des Konzepts und des Designs der Webseite, diverse Fotografie arbeiten und der Integration Sozialer Netzwerke. Durch das responsive Webdesign passt sich das Layout der Seite an jegliche Größe mobiler Endgeräte wie Smartphones, Tablets oder Laptops an und sieht dadurch stets gut aus.

Lagumi | Shopping Service

Lagumi Shop | Bielefeld, Germany

Services

website design im responsive layout, branding, integration von sozialen netzwerken und einbindung des woocommerce shop, druck, fotografie und video marketing.
<style>.at-floating-navigation { z-index: 999999; position: fixed; right: 20px; bottom: 20px; font-family: 'Open Sans', sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .at-floating-navigation * { pointer-events: none; } .at-floating-navigation__user { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; border-bottom: 1px solid #EEEEEE; padding: 20px; box-sizing: border-box; } .at-floating-navigation__thumbnail { width: 60px; max-width: 60px; min-width: 60px; border: 1px solid #EEEEEE; border-radius: 100%; margin: 0 20px 0 0; padding: 4px; box-sizing: border-box; overflow: hidden; } .at-floating-navigation__thumbnail img { display: block; width: 100%; max-width: 100%; border-radius: 100%; } .at-floating-navigation__title { color: #444444; margin: 0 0 2px; padding: 0; font-size: 14px !important; } .at-floating-navigation__description { margin: 0; padding: 0; color: #999999; font-size: 12px; } .at-floating-navigation__description a { color: inherit; text-decoration: none; } .at-floating-navigation__button { pointer-events: auto; outline: none; background: #FFFFFF; width: 40px; height: 40px; border: 1px solid #EEEEEE; border-radius: 100%; font-size: 12px; font-weight: 600; -webkit-transform-origin: center; transform-origin: center; -webkit-transition: 200ms ease; transition: 200ms ease; cursor: pointer; } .at-floating-navigation__menu { position: absolute; right: 0; bottom: 100%; background: #FFFFFF; width: 240px; border: 1px solid #EEEEEE; border-radius: 2px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12); -webkit-transform: translateY(0); transform: translateY(0); opacity: 0; -webkit-transition: 200ms ease; transition: 200ms ease; } .at-floating-navigation__item { display: block; width: 100%; height: 40px; border-bottom: 1px solid #EEEEEE; padding: 0 20px; box-sizing: border-box; text-decoration: none; color: #444444; font-size: 12px; font-weight: 600; line-height: 40px; } .at-floating-navigation__item:last-child { border-bottom: 0; } .at-floating-navigation--active * { pointer-events: auto; } .at-floating-navigation--active .at-floating-navigation__button { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .at-floating-navigation--active .at-floating-navigation__menu { -webkit-transform: translateY(-10px); transform: translateY(-10px); opacity: 1; } </style><!-- Credits --> <!-- Developer - Andy Tran (https://andytran.me) --> <!-- Design - Andy Tran (https://andytran.me) --> <div class="at-floating-navigation"> <button class="at-floating-navigation__button" type="button">+</button> <nav class="at-floating-navigation__menu"> <header class="at-floating-navigation__user"> <div class="at-floating-navigation__thumbnail"> <img alt="Andy Tran" src="http://namuba.de/wp-content/uploads/2017/02/Namuba-webdesign-agentur-Logo-Circle-400.png" /> </div> <div class="at-floating-navigation__content"> <h2 class="at-floating-navigation__title">Namuba Studios</h2> <p class="at-floating-navigation__description"> <a rel="nofollow" rel="noreferrer"href="http://namuba.de/kontakt/">Kontakt</a> </p> </div> </header> <a rel="nofollow" rel="noreferrer"class="at-floating-navigation__item" href="http://namuba.de/webseiten-fragebogen">Webseiten Fragebogen</a> <a rel="nofollow" rel="noreferrer"class="at-floating-navigation__item" href="http://namuba.de">German</a> <a rel="nofollow" rel="noreferrer"class="at-floating-navigation__item" href="http://namuba.de/en/agency/">English</a> <a rel="nofollow" rel="noreferrer"class="at-floating-navigation__item" href="http://namuba.de/zh/wangye/">中文</a> </nav> </div><script>'use strict'; jQuery('.at-floating-navigation__button').on('click', function (e) { e.preventDefault(); jQuery(this).parent().toggleClass('at-floating-navigation--active'); });</script>