{"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///./src/assets/sense-4-article-1-banner.jpg","webpack:///./src/views/Sense4.vue?79ad","webpack:///./src/assets/sense-2-thumbnail.jpg","webpack:///src/App.vue","webpack:///./src/assets/sense-2-banner.jpg","webpack:///./src/views/Sense.vue?361a","webpack:///./src/assets/sense-5-thumbnail.jpg","webpack:///./src/assets/sense-1-banner.jpg","webpack:///./src/assets/sense-3-article-2-banner.jpg","webpack:///./src/views/Home.vue?a2b7","webpack:///src/components/VideoPopup.vue","webpack:///./src/assets/sense-4-thumbnail.jpg","webpack:///./src/assets/sense-1-article-7-banner.jpg","webpack:///./src/views/Sense2.vue?a680","webpack:///./src/App.vue?2f0a","webpack:///./src/App.vue?803e","webpack:///./src/App.vue","webpack:///./src/views/Home.vue?e588","webpack:///./src/components/Footer.vue?3992","webpack:///src/components/Footer.vue","webpack:///./src/components/Footer.vue?4bef","webpack:///./src/components/Footer.vue","webpack:///./src/components/VideoPopup.vue?8e3a","webpack:///./src/components/VideoPopup.vue?9f8e","webpack:///./src/components/VideoPopup.vue","webpack:///src/views/Home.vue","webpack:///./src/views/Home.vue?1fd7","webpack:///./src/views/Home.vue","webpack:///./src/views/Sense1.vue?7925","webpack:///./src/views/Sense.vue?da87","webpack:///src/views/Sense.vue","webpack:///./src/views/Sense.vue?bb8f","webpack:///./src/views/Sense.vue","webpack:///./src/components/Article.vue?f02e","webpack:///src/components/Article.vue","webpack:///./src/components/Article.vue?69b8","webpack:///./src/components/Article.vue","webpack:///src/views/Sense1.vue","webpack:///./src/views/Sense1.vue?9760","webpack:///./src/views/Sense1.vue","webpack:///./src/views/Sense2.vue?48ea","webpack:///src/views/Sense2.vue","webpack:///./src/views/Sense2.vue?340b","webpack:///./src/views/Sense2.vue","webpack:///./src/views/Sense3.vue?9a80","webpack:///src/views/Sense3.vue","webpack:///./src/views/Sense3.vue?2fd0","webpack:///./src/views/Sense3.vue","webpack:///./src/views/Sense4.vue?4170","webpack:///src/views/Sense4.vue","webpack:///./src/views/Sense4.vue?31e4","webpack:///./src/views/Sense4.vue","webpack:///./src/views/Sense5.vue?3313","webpack:///src/views/Sense5.vue","webpack:///./src/views/Sense5.vue?8f5d","webpack:///./src/views/Sense5.vue","webpack:///./src/router/index.js","webpack:///./src/store/index.js","webpack:///./src/main.js","webpack:///./src/components/Menu.vue?fa9b","webpack:///./src/assets/menu-icon.png","webpack:///./src/assets/oneline-title.png","webpack:///./src/assets/home-interview-video-1-thumbnail.jpg","webpack:///./src/views/Sense3.vue?255b","webpack:///./src/assets/sense-3-thumbnail.jpg","webpack:///./src/assets/sense-2-article-2-banner.jpg","webpack:///./src/assets/sense-3-banner.jpg","webpack:///./src/assets/home-interview-video-2-thumbnail.jpg","webpack:///./src/components/Footer.vue?9cf2","webpack:///./src/assets/sense-1-thumbnail.jpg","webpack:///./src/assets/sense-4-banner.jpg","webpack:///./src/assets/sense-5-article-1-banner.jpg","webpack:///./src/assets/home-introduction-video-3-thumbnail.jpg","webpack:///./src/views/Sense5.vue?1ae9","webpack:///./src/assets/sense-1-article-2-banner.jpg","webpack:///./src/assets/extend-icon.png","webpack:///./src/assets/sense-1-article-4-banner.jpg","webpack:///./src/assets/cross-icon.png","webpack:///./src/assets/sense-5-banner.jpg","webpack:///./src/assets/home-introduction-video-2-thumbnail.jpg","webpack:///./src/components/VideoPopup.vue?72b7","webpack:///./src/assets/scroll-icon.png","webpack:///./src/App.vue?ce3b","webpack:///./src/assets/sense-1-article-5-banner.jpg","webpack:///./src/assets/sense-1-article-3-banner.jpg","webpack:///./src/assets/sense-1-article-1-banner.jpg","webpack:///./src/assets/sense-1-article-6-banner.jpg","webpack:///./src/views/Sense1.vue?1687","webpack:///./src/components/Article.vue?fc7e","webpack:///./src/assets/sense-3-article-1-banner.jpg","webpack:///./src/assets/home-introduction-video-1-thumbnail.jpg","webpack:///./src/assets/sense-2-article-1-banner.jpg","webpack:///./src/assets/title.png","webpack:///./src/components/Menu.vue?4e7b","webpack:///src/components/Menu.vue","webpack:///./src/components/Menu.vue?82c1","webpack:///./src/components/Menu.vue"],"names":["webpackJsonpCallback","data","moduleId","chunkId","chunkIds","moreModules","executeModules","i","resolves","length","Object","prototype","hasOwnProperty","call","installedChunks","push","modules","parentJsonpFunction","shift","deferredModules","apply","checkDeferredModules","result","deferredModule","fulfilled","j","depId","splice","__webpack_require__","s","installedModules","exports","module","l","m","c","d","name","getter","o","defineProperty","enumerable","get","r","Symbol","toStringTag","value","t","mode","__esModule","ns","create","key","bind","n","object","property","p","jsonpArray","window","oldJsonpFunction","slice","components","VMenu","created","document","cookie","alert","mounted","$","resize","props","videoSrc","require","type","String","iframeWidth","methods","getIframeWidth","this","$store","state","mobile","appWidth","computed","iframeHeight","beforeDestroy","off","_vm","_h","$createElement","_c","_self","attrs","staticRenderFns","component","staticClass","_e","_v","on","$event","preventDefault","$scrollTo","showVideoPopup","videoPopup","hideVideoPopup","_m","target","currentTarget","$emit","staticStyle","VFooter","VVideoPopup","shown","videoId","scopedSlots","_u","fn","proxy","style","backgroundImage","background","_t","required","class","extended","VSense","VArticle","Vue","use","Router","base","process","scrollBehavior","to","from","saved","Promise","resolve","position","x","y","setTimeout","routes","path","VHome","VSense1","VSense2","VSense3","VSense4","VSense5","redirect","Vuex","Store","mutations","setMobile","actions","VueScrollTo","config","productionTip","router","store","render","h","App","$mount","routeTo","active","$route","$router"],"mappings":"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","file":"js/app.4ac99d98.js","sourcesContent":[" \t// install a JSONP callback for chunk loading\n \tfunction webpackJsonpCallback(data) {\n \t\tvar chunkIds = data[0];\n \t\tvar moreModules = data[1];\n \t\tvar executeModules = data[2];\n\n \t\t// add \"moreModules\" to the modules object,\n \t\t// then flag all \"chunkIds\" as loaded and fire callback\n \t\tvar moduleId, chunkId, i = 0, resolves = [];\n \t\tfor(;i < chunkIds.length; i++) {\n \t\t\tchunkId = chunkIds[i];\n \t\t\tif(Object.prototype.hasOwnProperty.call(installedChunks, chunkId) && installedChunks[chunkId]) {\n \t\t\t\tresolves.push(installedChunks[chunkId][0]);\n \t\t\t}\n \t\t\tinstalledChunks[chunkId] = 0;\n \t\t}\n \t\tfor(moduleId in moreModules) {\n \t\t\tif(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {\n \t\t\t\tmodules[moduleId] = moreModules[moduleId];\n \t\t\t}\n \t\t}\n \t\tif(parentJsonpFunction) parentJsonpFunction(data);\n\n \t\twhile(resolves.length) {\n \t\t\tresolves.shift()();\n \t\t}\n\n \t\t// add entry modules from loaded chunk to deferred list\n \t\tdeferredModules.push.apply(deferredModules, executeModules || []);\n\n \t\t// run deferred modules when all chunks ready\n \t\treturn checkDeferredModules();\n \t};\n \tfunction checkDeferredModules() {\n \t\tvar result;\n \t\tfor(var i = 0; i < deferredModules.length; i++) {\n \t\t\tvar deferredModule = deferredModules[i];\n \t\t\tvar fulfilled = true;\n \t\t\tfor(var j = 1; j < deferredModule.length; j++) {\n \t\t\t\tvar depId = deferredModule[j];\n \t\t\t\tif(installedChunks[depId] !== 0) fulfilled = false;\n \t\t\t}\n \t\t\tif(fulfilled) {\n \t\t\t\tdeferredModules.splice(i--, 1);\n \t\t\t\tresult = __webpack_require__(__webpack_require__.s = deferredModule[0]);\n \t\t\t}\n \t\t}\n\n \t\treturn result;\n \t}\n\n \t// The module cache\n \tvar installedModules = {};\n\n \t// object to store loaded and loading chunks\n \t// undefined = chunk not loaded, null = chunk preloaded/prefetched\n \t// Promise = chunk loading, 0 = chunk loaded\n \tvar installedChunks = {\n \t\t\"app\": 0\n \t};\n\n \tvar deferredModules = [];\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"/\";\n\n \tvar jsonpArray = window[\"webpackJsonp\"] = window[\"webpackJsonp\"] || [];\n \tvar oldJsonpFunction = jsonpArray.push.bind(jsonpArray);\n \tjsonpArray.push = webpackJsonpCallback;\n \tjsonpArray = jsonpArray.slice();\n \tfor(var i = 0; i < jsonpArray.length; i++) webpackJsonpCallback(jsonpArray[i]);\n \tvar parentJsonpFunction = oldJsonpFunction;\n\n\n \t// add entry module to deferred list\n \tdeferredModules.push([0,\"chunk-vendors\"]);\n \t// run deferred modules when ready\n \treturn checkDeferredModules();\n","module.exports = __webpack_public_path__ + \"img/sense-4-article-1-banner.db76f62c.jpg\";","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Sense4.vue?vue&type=style&index=0&id=4badc233&lang=sass&scoped=true&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Sense4.vue?vue&type=style&index=0&id=4badc233&lang=sass&scoped=true&\"","module.exports = __webpack_public_path__ + \"img/sense-2-thumbnail.7c7b98ca.jpg\";","<template lang=\"pug\">\n#v-app\n  v-menu\n  transition(name='route', mode='out-in'): router-view\n</template>\n\n<script>\nimport { detect as detectBrowser } from 'detect-browser'\n\nimport VMenu from '@/components/Menu.vue'\n\nexport default {\n  name: 'App',\n  components: {\n    VMenu,\n  },\n  created() {\n    document.cookie=`XSRF-TOKEN=${Math.random().toString(36).substr(2)}`\n\n    const browser = detectBrowser()\n    if(browser.name === 'ie') {\n      alert(\"您正在使用 IE 版本瀏覽器開啟本網站，建議您改使用其他瀏覽器軟體 Google Chrome、Safari、Firefox、Edge 以獲得最佳瀏覽體驗。\\n\\n相關說明：微軟已在 2016 年停止支援 IE10 和較舊版本，並表示今年將停止所有 IE 版本之 Windows 安全更新，為了您的瀏覽安全與享受更多網站互動體驗，建議您更換您的瀏覽器。\")\n    }\n  },\n  mounted() {\n    $(window).resize(() => {\n      const mobile = $(window).width() < 1020\n      if(this.$store.state.mobile !== mobile) {\n        if(mobile) {\n          this.$store.commit('setMobile', true)\n        } else {\n          this.$store.commit('setMobile', false)\n        }\n      }\n    }).resize()\n  },\n}\n</script>\n\n<style lang=\"sass\" scoped>\n@import \"~@/mixin.sass\"\n\n.route-enter-active, .route-leave-active\n  transition: opacity .3s, transform .3s\n.route-enter, .route-leave-to\n  opacity: 0\n  transform: translateY(-20px)\n\n#v-app\n  background-color: white\n  margin-left: auto\n  margin-right: auto\n  min-height: 100%\n  min-width: 360px\n\n@media (max-width: 1019px)\n  #v-app\n    max-width: 600px\n</style>\n","module.exports = __webpack_public_path__ + \"img/sense-2-banner.3a72298c.jpg\";","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Sense.vue?vue&type=style&index=0&id=233cb4e8&lang=sass&scoped=true&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Sense.vue?vue&type=style&index=0&id=233cb4e8&lang=sass&scoped=true&\"","module.exports = __webpack_public_path__ + \"img/sense-5-thumbnail.77767ba7.jpg\";","module.exports = __webpack_public_path__ + \"img/sense-1-banner.1046a4f2.jpg\";","module.exports = __webpack_public_path__ + \"img/sense-3-article-2-banner.117b79c8.jpg\";","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Home.vue?vue&type=style&index=0&id=25df096a&lang=sass&scoped=true&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Home.vue?vue&type=style&index=0&id=25df096a&lang=sass&scoped=true&\"","<template lang=\"pug\">\n#v-video-popup(@click.self='$emit(\"close\")')\n  .iframe\n    span 請稍候...\n    iframe(:src='videoSrc', :width='iframeWidth', :height='iframeHeight', style='border:none;overflow:hidden', scrolling='no', frameborder='0', allowTransparency='true', allowFullScreen='true')\n</template>\n\n<script>\nimport { min } from 'ramda'\n\nexport default {\n  name: 'VideoPopup',\n  props: {\n    videoSrc: {\n      require: true,\n      type: String,\n    },\n  },\n  data() {\n    return {\n      iframeWidth: 840,\n    }\n  },\n  methods: {\n    getIframeWidth() {\n      const appWidth = min(600, $(window).width())\n      this.iframeWidth = this.$store.state.mobile ? appWidth : 840\n    },\n  },\n  computed: {\n    iframeHeight() {\n      return this.iframeWidth * 0.5625\n    },\n  },\n  mounted() {\n    $(window).resize(this.getIframeWidth).resize()\n  },\n  beforeDestroy() {\n    $(window).off('resize', this.getIframeWidth)\n  },\n}\n</script>\n\n<style lang=\"sass\" scoped>\n@import '~@/mixin.sass'\n\n#v-video-popup\n  +flex(center, center)\n  +position(fixed, 0, 0, 0, 0)\n  background-color: rgba(black, .8)\n  z-index: 99\n.iframe\n  span\n    +font(14px, white, null, 1px)\n    +position(absolute, 50%, null, null, 50%)\n    transform: translate(-50%, -50%)\n  iframe\n    position: relative\n\n@media (max-width: 1019px)\n  #v-video-popup\n    +margin-x(auto)\n    max-width: 600px\n</style>\n","module.exports = __webpack_public_path__ + \"img/sense-4-thumbnail.831eed9a.jpg\";","module.exports = __webpack_public_path__ + \"img/sense-1-article-7-banner.e67f2217.jpg\";","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Sense2.vue?vue&type=style&index=0&id=efeb9bf2&lang=sass&scoped=true&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Sense2.vue?vue&type=style&index=0&id=efeb9bf2&lang=sass&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"v-app\"}},[_c('v-menu'),_c('transition',{attrs:{\"name\":\"route\",\"mode\":\"out-in\"}},[_c('router-view')],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import mod from \"-!../node_modules/cache-loader/dist/cjs.js??ref--11-0!../node_modules/thread-loader/dist/cjs.js!../node_modules/babel-loader/lib/index.js!../node_modules/cache-loader/dist/cjs.js??ref--0-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../node_modules/cache-loader/dist/cjs.js??ref--11-0!../node_modules/thread-loader/dist/cjs.js!../node_modules/babel-loader/lib/index.js!../node_modules/cache-loader/dist/cjs.js??ref--0-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./App.vue?vue&type=template&id=3cbb91f7&scoped=true&lang=pug&\"\nimport script from \"./App.vue?vue&type=script&lang=js&\"\nexport * from \"./App.vue?vue&type=script&lang=js&\"\nimport style0 from \"./App.vue?vue&type=style&index=0&id=3cbb91f7&lang=sass&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"3cbb91f7\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"v-home\"}},[_c('main',[_c('div',{staticClass:\"container\"},[(!_vm.$store.state.mobile)?_c('nav',[_c('ul',[_c('li',[_c('router-link',{attrs:{\"to\":\"/01\"}},[_vm._v(\"歸屬感\")])],1),_c('li',[_c('router-link',{attrs:{\"to\":\"/02\"}},[_vm._v(\"便利感\")])],1),_c('li',[_c('router-link',{attrs:{\"to\":\"/03\"}},[_vm._v(\"簡單感\")])],1),_c('li',[_c('router-link',{attrs:{\"to\":\"/04\"}},[_vm._v(\"從容感\")])],1),_c('li',[_c('router-link',{attrs:{\"to\":\"/05\"}},[_vm._v(\"自在感\")])],1)])]):_vm._e(),_c('h1',[_c('img',{attrs:{\"src\":require(\"@/assets/title.png\"),\"alt\":\"行動支付的5感生活美學\",\"width\":_vm.$store.state.mobile ? 300 : 500}})]),_c('label',[_vm._v(\"行動支付走入生活的每一天\")]),_c('p',[_vm._v(\"吃早餐、買咖啡、逛百貨⋯⋯，行動支付已經走進我們的生活日常\"),(_vm.$store.state.mobile)?_c('span',[_vm._v(\"，\")]):_c('br'),_vm._v(\"台灣有哪些令人驚艷的商業模式正服務著我們生活的每一個幸福時刻？\")]),_c('div',{staticClass:\"scroll\"},[_c('a',{attrs:{\"href\":\"#introduction\"},on:{\"click\":function($event){$event.preventDefault();return _vm.$scrollTo(\".introduction\")}}},[_c('img',{attrs:{\"src\":require(\"@/assets/scroll-icon.png\"),\"alt\":\"往下捲動\",\"width\":_vm.$store.state.mobile ? 20 : 36}})])])])]),_c('section',{staticClass:\"introduction\"},[_c('div',{staticClass:\"container\"},[_c('h2',[_vm._v(\"心的支付 行動支付\")]),_c('p',[_vm._v(\"挽著爸爸媽媽的手去逛超市、吃漢堡⋯⋯\"),(!_vm.$store.state.mobile)?_c('br'):_vm._e(),_vm._v(\"你從小到大是否也在這些日常中有似曾相似的「暖心時光」？\")]),_c('ul',{staticClass:\"videos\"},[_c('li',{on:{\"click\":function($event){return _vm.showVideoPopup(\"https://www.facebook.com/plugins/video.php?href=https%3A%2F%2Fwww.facebook.com%2Fsmea.gov.tw%2Fvideos%2F741890223342871%2F&show_text=false\")}}},[_c('h3',[_vm._v(\"爸爸是今生最好的禮物\")]),_c('img',{attrs:{\"src\":require(\"@/assets/home-introduction-video-1-thumbnail.jpg\"),\"alt\":\"爸爸是今生最好的禮物\"}})]),_c('li',{on:{\"click\":function($event){return _vm.showVideoPopup(\"https://www.facebook.com/plugins/video.php?href=https%3A%2F%2Fwww.facebook.com%2Fsmea.gov.tw%2Fvideos%2F191965942499659%2F&show_text=false\")}}},[_c('h3',[_vm._v(\"這是我們父女倆的秘密\")]),_c('img',{attrs:{\"src\":require(\"@/assets/home-introduction-video-2-thumbnail.jpg\"),\"alt\":\"這是我們父女倆的秘密\"}})]),_c('li',{on:{\"click\":function($event){return _vm.showVideoPopup(\"https://www.facebook.com/plugins/video.php?href=https%3A%2F%2Fwww.facebook.com%2Fsmea.gov.tw%2Fvideos%2F131649171743183%2F&show_text=false\")}}},[_c('h3',[_vm._v(\"爸爸是你永遠的後盾\")]),_c('img',{attrs:{\"src\":require(\"@/assets/home-introduction-video-3-thumbnail.jpg\"),\"alt\":\"爸爸是今生最好的禮物\"}})])])])]),_c('section',{staticClass:\"senses\"},[_c('div',{staticClass:\"container\"},[_c('h2',[_vm._v(\"體驗行動支付生活美學\")]),_c('ul',[_c('li',[_c('img',{attrs:{\"src\":require(\"@/assets/sense-1-thumbnail.jpg\"),\"alt\":\"歸屬感\"}}),_c('router-link',{attrs:{\"to\":\"/01\"}},[_c('h3',[_c('strong',[_vm._v(\"歸屬感\")]),(!_vm.$store.state.mobile)?_c('sub',[_vm._v(\"貼心照顧會員的日常需求\")]):_vm._e()]),_c('h4',[_vm._v(\"會員服務加值模式\")]),_c('p',[_vm._v(\"「歸屬和愛」是人類重要的心理需求。「會員服務加值模式」如何透過電子錢包、消費集點、電子禮券、線上訂餐等服務帶給顧客歸屬感，讓陌生顧客進一步成為忠實顧客？\")])])],1),_c('li',[_c('img',{attrs:{\"src\":require(\"@/assets/sense-2-thumbnail.jpg\"),\"alt\":\"便利感\"}}),_c('router-link',{attrs:{\"to\":\"/02\"}},[_c('h3',[_c('strong',[_vm._v(\"便利感\")]),(!_vm.$store.state.mobile)?_c('sub',[_vm._v(\"隨性自選愛用的支付APP\")]):_vm._e()]),_c('h4',[_vm._v(\"聚合支付整合模式\")]),_c('p',[_vm._v(\"旅行時買伴手禮不用自己提、超市購物不用帶現金！「聚合支付整合模式」讓顧客結帳時有更多元的支付選擇，生活變得更便利，能讓人把精神放在人生中更重要的事。\")])])],1),_c('li',[_c('img',{attrs:{\"src\":require(\"@/assets/sense-3-thumbnail.jpg\"),\"alt\":\"簡單感\"}}),_c('router-link',{attrs:{\"to\":\"/03\"}},[_c('h3',[_c('strong',[_vm._v(\"簡單感\")]),(!_vm.$store.state.mobile)?_c('sub',[_vm._v(\"收付款都可以用行動支付\")]):_vm._e()]),_c('h4',[_vm._v(\"數位服務優化模式\")]),_c('p',[_vm._v(\"搭計程車不用帶皮夾只要帶手機、去美髮沙龍做頭髮想多帶一瓶洗髮精也不用掏現金。「數位服務優化模式」優化了特定場域的支付環節，簡單生活的背後機制其實不簡單！\")])])],1),_c('li',[_c('img',{attrs:{\"src\":require(\"@/assets/sense-4-thumbnail.jpg\"),\"alt\":\"從容感\"}}),_c('router-link',{attrs:{\"to\":\"/04\"}},[_c('h3',[_c('strong',[_vm._v(\"從容感\")]),(!_vm.$store.state.mobile)?_c('sub',[_vm._v(\"服務串聯讓消費體驗再升級\")]):_vm._e()]),_c('h4',[_vm._v(\"商圈微商共推模式\")]),_c('p',[_vm._v(\"透過觀光串聯商業服務生態系，景區周邊店家運用行動支付，共同行銷曝光自家的好商品，讓經營上變得更從容。\")])])],1),_c('li',[_c('img',{attrs:{\"src\":require(\"@/assets/sense-5-thumbnail.jpg\"),\"alt\":\"自在感\"}}),_c('router-link',{attrs:{\"to\":\"/05\"}},[_c('h3',[_c('strong',[_vm._v(\"自在感\")]),(!_vm.$store.state.mobile)?_c('sub',[_vm._v(\"沒有店員在身邊也能享受服務\")]):_vm._e()]),_c('h4',[_vm._v(\"設備整合支付模式\")]),_c('p',[_vm._v(\"口渴了想買瓶礦泉水、防疫需要買口罩、週末要拿衣服去洗、到百貨逛逛先去停車子，現在都可以用行動支付掃一下自動販賣機就行。「設備整合支付模式」如何把傳統販賣機改裝升級成不吃硬幣這麼神奇？\")])])],1)])])]),_c('section',{staticClass:\"interview\"},[_c('div',{staticClass:\"container\"},[_c('h2',[_vm._v(\"行動支付科技對談\")]),_c('p',[_vm._v(\"大眾對於數位化服務接受度普遍提升，正為中小企業實體門市帶來新商機。\"),(!_vm.$store.state.mobile)?_c('br'):_vm._e(),_vm._v(\"如何搶先掌握數位化潮流，佔領彎道超車同業的百年良機？\")]),_c('ul',{staticClass:\"videos\"},[_c('li',{on:{\"click\":function($event){return _vm.showVideoPopup(\"https://www.facebook.com/plugins/video.php?href=https%3A%2F%2Fwww.facebook.com%2FTechOrange%2Fvideos%2F892008434613792%2F&show_text=0\")}}},[_c('h3',[_vm._v(\"雲端創新服務＋行動支付，翻轉「多元產業」\")]),_c('img',{attrs:{\"src\":require(\"@/assets/home-interview-video-1-thumbnail.jpg\"),\"alt\":\"爸爸是今生最好的禮物\"}})]),_c('li',{on:{\"click\":function($event){return _vm.showVideoPopup(\"https://www.facebook.com/plugins/video.php?href=https%3A%2F%2Fwww.facebook.com%2FTechOrange%2Fvideos%2F292994068761643%2F&show_text=0\")}}},[_c('h3',[_vm._v(\"雲端創新服務＋行動支付，翻轉「美麗產業」\")]),_c('img',{attrs:{\"src\":require(\"@/assets/home-interview-video-2-thumbnail.jpg\"),\"alt\":\"這是我們父女倆的秘密\"}})])])])]),_c('v-footer'),_c('transition',{attrs:{\"name\":\"fade\"}},[(_vm.videoPopup.shown)?_c('v-video-popup',{attrs:{\"video-src\":_vm.videoPopup.videoSrc},on:{\"close\":_vm.hideVideoPopup}}):_vm._e()],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _vm._m(0)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('footer',{attrs:{\"id\":\"v-footer\"}},[_c('div',{staticClass:\"container\"},[_c('small',[_vm._v(\"經濟部中小企業處廣告\")])])])}]\n\nexport { render, staticRenderFns }","<template lang=\"pug\">\nfooter#v-footer: .container\n  small 經濟部中小企業處廣告\n</template>\n\n<script>\nexport default {\n  name: 'Footer',\n}\n</script>\n\n<style lang=\"sass\" scoped>\n@import '~@/mixin.sass'\n\n#v-footer\n  +flex(null, center)\n  background-color: #EFEFEF\n  height: 40px\n  .container\n    text-align: right\nsmall\n  +font(14px, #4E4E4E, null, .27px)\n\n@media (max-width: 1019px)\n  small\n    +font(12px, null, null, 0)\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--11-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Footer.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--11-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Footer.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Footer.vue?vue&type=template&id=65da70fc&scoped=true&lang=pug&\"\nimport script from \"./Footer.vue?vue&type=script&lang=js&\"\nexport * from \"./Footer.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Footer.vue?vue&type=style&index=0&id=65da70fc&lang=sass&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"65da70fc\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"v-video-popup\"},on:{\"click\":function($event){if($event.target !== $event.currentTarget){ return null; }return _vm.$emit(\"close\")}}},[_c('div',{staticClass:\"iframe\"},[_c('span',[_vm._v(\"請稍候...\")]),_c('iframe',{staticStyle:{\"border\":\"none\",\"overflow\":\"hidden\"},attrs:{\"src\":_vm.videoSrc,\"width\":_vm.iframeWidth,\"height\":_vm.iframeHeight,\"scrolling\":\"no\",\"frameborder\":\"0\",\"allowTransparency\":\"true\",\"allowFullScreen\":\"true\"}})])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--11-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./VideoPopup.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--11-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./VideoPopup.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./VideoPopup.vue?vue&type=template&id=33bc8869&scoped=true&lang=pug&\"\nimport script from \"./VideoPopup.vue?vue&type=script&lang=js&\"\nexport * from \"./VideoPopup.vue?vue&type=script&lang=js&\"\nimport style0 from \"./VideoPopup.vue?vue&type=style&index=0&id=33bc8869&lang=sass&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"33bc8869\",\n  null\n  \n)\n\nexport default component.exports","<template lang=\"pug\">\n#v-home\n  main: .container\n    nav(v-if='!$store.state.mobile'): ul\n      li: router-link(to='/01') 歸屬感\n      li: router-link(to='/02') 便利感\n      li: router-link(to='/03') 簡單感\n      li: router-link(to='/04') 從容感\n      li: router-link(to='/05') 自在感\n    h1: img(src='@/assets/title.png', alt='行動支付的5感生活美學', :width='$store.state.mobile ? 300 : 500')\n    label 行動支付走入生活的每一天\n    p\n      | 吃早餐、買咖啡、逛百貨⋯⋯，行動支付已經走進我們的生活日常\n      span(v-if='$store.state.mobile') ，\n      br(v-else)\n      | 台灣有哪些令人驚艷的商業模式正服務著我們生活的每一個幸福時刻？\n    .scroll\n      a(@click.prevent='$scrollTo(\".introduction\")', href='#introduction')\n        img(src='@/assets/scroll-icon.png', alt='往下捲動', :width='$store.state.mobile ? 20 : 36')\n  section.introduction: .container\n    h2 心的支付 行動支付\n    p\n      | 挽著爸爸媽媽的手去逛超市、吃漢堡⋯⋯\n      br(v-if='!$store.state.mobile')\n      | 你從小到大是否也在這些日常中有似曾相似的「暖心時光」？\n    ul.videos\n      li(@click='showVideoPopup(\"https://www.facebook.com/plugins/video.php?href=https%3A%2F%2Fwww.facebook.com%2Fsmea.gov.tw%2Fvideos%2F741890223342871%2F&show_text=false\")')\n        h3 爸爸是今生最好的禮物\n        img(src='@/assets/home-introduction-video-1-thumbnail.jpg', alt='爸爸是今生最好的禮物')\n      li(@click='showVideoPopup(\"https://www.facebook.com/plugins/video.php?href=https%3A%2F%2Fwww.facebook.com%2Fsmea.gov.tw%2Fvideos%2F191965942499659%2F&show_text=false\")')\n        h3 這是我們父女倆的秘密\n        img(src='@/assets/home-introduction-video-2-thumbnail.jpg', alt='這是我們父女倆的秘密')\n      li(@click='showVideoPopup(\"https://www.facebook.com/plugins/video.php?href=https%3A%2F%2Fwww.facebook.com%2Fsmea.gov.tw%2Fvideos%2F131649171743183%2F&show_text=false\")')\n        h3 爸爸是你永遠的後盾\n        img(src='@/assets/home-introduction-video-3-thumbnail.jpg', alt='爸爸是今生最好的禮物')\n  section.senses: .container\n    h2 體驗行動支付生活美學\n    ul\n      li\n        img(src='@/assets/sense-1-thumbnail.jpg', alt='歸屬感')\n        router-link(to='/01')\n          h3\n            strong 歸屬感\n            sub(v-if='!$store.state.mobile') 貼心照顧會員的日常需求\n          h4 會員服務加值模式\n          p 「歸屬和愛」是人類重要的心理需求。「會員服務加值模式」如何透過電子錢包、消費集點、電子禮券、線上訂餐等服務帶給顧客歸屬感，讓陌生顧客進一步成為忠實顧客？\n      li\n        img(src='@/assets/sense-2-thumbnail.jpg', alt='便利感')\n        router-link(to='/02')\n          h3\n            strong 便利感\n            sub(v-if='!$store.state.mobile') 隨性自選愛用的支付APP\n          h4 聚合支付整合模式\n          p 旅行時買伴手禮不用自己提、超市購物不用帶現金！「聚合支付整合模式」讓顧客結帳時有更多元的支付選擇，生活變得更便利，能讓人把精神放在人生中更重要的事。\n      li\n        img(src='@/assets/sense-3-thumbnail.jpg', alt='簡單感')\n        router-link(to='/03')\n          h3\n            strong 簡單感\n            sub(v-if='!$store.state.mobile') 收付款都可以用行動支付\n          h4 數位服務優化模式\n          p 搭計程車不用帶皮夾只要帶手機、去美髮沙龍做頭髮想多帶一瓶洗髮精也不用掏現金。「數位服務優化模式」優化了特定場域的支付環節，簡單生活的背後機制其實不簡單！\n      li\n        img(src='@/assets/sense-4-thumbnail.jpg', alt='從容感')\n        router-link(to='/04')\n          h3\n            strong 從容感\n            sub(v-if='!$store.state.mobile') 服務串聯讓消費體驗再升級\n          h4 商圈微商共推模式\n          p 透過觀光串聯商業服務生態系，景區周邊店家運用行動支付，共同行銷曝光自家的好商品，讓經營上變得更從容。\n      li\n        img(src='@/assets/sense-5-thumbnail.jpg', alt='自在感')\n        router-link(to='/05')\n          h3\n            strong 自在感\n            sub(v-if='!$store.state.mobile') 沒有店員在身邊也能享受服務\n          h4 設備整合支付模式\n          p 口渴了想買瓶礦泉水、防疫需要買口罩、週末要拿衣服去洗、到百貨逛逛先去停車子，現在都可以用行動支付掃一下自動販賣機就行。「設備整合支付模式」如何把傳統販賣機改裝升級成不吃硬幣這麼神奇？\n  section.interview: .container\n    h2 行動支付科技對談\n    p\n      | 大眾對於數位化服務接受度普遍提升，正為中小企業實體門市帶來新商機。\n      br(v-if='!$store.state.mobile')\n      | 如何搶先掌握數位化潮流，佔領彎道超車同業的百年良機？\n    ul.videos\n      li(@click='showVideoPopup(\"https://www.facebook.com/plugins/video.php?href=https%3A%2F%2Fwww.facebook.com%2FTechOrange%2Fvideos%2F892008434613792%2F&show_text=0\")')\n        h3 雲端創新服務＋行動支付，翻轉「多元產業」\n        img(src='@/assets/home-interview-video-1-thumbnail.jpg', alt='爸爸是今生最好的禮物')\n      li(@click='showVideoPopup(\"https://www.facebook.com/plugins/video.php?href=https%3A%2F%2Fwww.facebook.com%2FTechOrange%2Fvideos%2F292994068761643%2F&show_text=0\")')\n        h3 雲端創新服務＋行動支付，翻轉「美麗產業」\n        img(src='@/assets/home-interview-video-2-thumbnail.jpg', alt='這是我們父女倆的秘密')\n  v-footer\n  transition(name='fade'): v-video-popup(v-if='videoPopup.shown', @close='hideVideoPopup', :video-src='videoPopup.videoSrc')\n</template>\n\n<script>\nimport VFooter from '@/components/Footer.vue'\nimport VVideoPopup from '@/components/VideoPopup.vue'\n\nexport default {\n  name: 'Home',\n  components: {\n    VFooter,\n    VVideoPopup,\n  },\n  data() {\n    return {\n      videoPopup: {\n        shown: false,\n        videoId: '',\n      },\n    }\n  },\n  methods: {\n    showVideoPopup(videoSrc) {\n      this.videoPopup = { shown: true, videoSrc }\n    },\n    hideVideoPopup() {\n      this.videoPopup = { shown: false, videoSrc: '' }\n    },\n  },\n}\n</script>\n\n<style lang=\"sass\" scoped>\n@import \"~@/mixin.sass\"\n\n@keyframes floating\n  0%\n    transform: translateY(0)\n  50%\n    transform: translateY(-12px)\n  100%\n    transform: translateY(0)\n\nmain\n  +background(url(~@/assets/home-banner.jpg), cover, no-repeat, center top)\n  background-color: black\n  height: 100vh\n  min-height: 700px\n  .container\n    +flex(center, null, column)\n    height: 100%\n    position: relative\n  nav\n    +position(absolute, 40px, 0)\n    margin-bottom: 108px\n    ul\n      display: grid\n      grid-gap: 30px\n      grid-template-columns: repeat(5, auto)\n      justify-content: end\n      list-style-type: none\n      > li\n        a\n          +font(20px, white, null, .89px, 500)\n          &:hover\n            text-decoration: none\n  h1\n    +margin-y(40px, 30px)\n    text-align: center\n    img\n      filter: drop-shadow(4px 4px 8px rgba(black, .8))\n  label\n    +flex(center, center)\n    +ifont(34px, white, null, 2.83px, bold)\n    +margin-x(auto)\n    background-color: #368EFF\n    border-radius: 100px\n    margin-bottom: 48px\n    padding: 12px 48px\n    width: fit-content\n  p\n    +font(22px, white, 40px, 3px, null, center)\n    margin-bottom: 80px\n  .scroll\n    text-align: center\n    a\n      padding: 8px\n      img\n        animation: floating infinite 1s\n.introduction\n  +padding-y(60px)\n  h2\n    +font(34px, #368EFF, null, .6px, bold, center)\n    margin-bottom: 20px\n  p\n    +font(20px, #5A5A5A, 32px, .8px, 500, center)\n    margin-bottom: 52px\n  .videos\n    display: grid\n    grid-gap: 40px\n    grid-template-columns: repeat(3, 1fr)\n    list-style-type: none\n    > li\n      cursor: pointer\n      h3\n        +flex(null, center)\n        +font(20px, #686868, null, 1px, bold)\n        margin-bottom: 20px\n        &::before\n          border-left: 8px solid #FFBA38\n          content: ''\n          display: block\n          height: 18px\n          margin-right: .5em\n      img\n        width: 100%\n.senses\n  +padding-y(60px)\n  background-color: #FFFAF6\n  border-bottom: 4px solid #368EFF\n  border-top: 4px solid #368EFF\n  h2\n    +font(34px, #368EFF, null, .6px, bold, center)\n    margin-bottom: 60px\n  ul\n    list-style-type: none\n    > li\n      +flex(null, center)\n      &:not(:last-child)\n        border-bottom: 2px solid #FFBA39\n        margin-bottom: 52px\n        padding-bottom: 52px\n      img\n        flex: none\n        margin-right: 40px\n        width: 312px\n      a\n        align-self: flex-start\n        padding-top: 20px\n        flex: 1\n        &:hover\n          text-decoration: none\n          h4\n            color: black\n          p\n            color: black\n        h3\n          +flex(null, center)\n          margin-bottom: 20px\n          strong\n            +iflex(center, center)\n            +ifont(26px, white, null, 1.39px, bold)\n            +size(128px, 40px)\n            background-color: #368EFF\n            border-radius: 100px\n            margin-right: .8em\n          sub\n            +font(20px, #FF8A2A, null, 1px, bold)\n            bottom: 0\n            line-height: 1\n        h4\n          +font(22px, #5A5A5A, null, .35px, bold)\n          margin-bottom: 12px\n          transition: color .2s\n        p\n          +font(18px, #5A5A5A, 28px, .35px, null, justify)\n          transition: color .2s\n.interview\n  +padding-y(60px)\n  h2\n    +font(34px, #368EFF, null, .6px, bold, center)\n    margin-bottom: 20px\n  p\n    +font(20px, #5A5A5A, 32px, .8px, 500, center)\n    margin-bottom: 52px\n  .videos\n    display: grid\n    grid-gap: 60px\n    grid-template-columns: repeat(2, 400px)\n    justify-content: center\n    list-style-type: none\n    > li\n      cursor: pointer\n      h3\n        +font(18px, #686868, null, .4px, bold, center)\n        +flex(null, center)\n        margin-bottom: 20px\n        &::before\n          border-left: 8px solid #FFBA38\n          content: ''\n          display: block\n          height: 18px\n          margin-right: .5em\n      img\n        width: 100%\n\n@media (max-width: 1019px)\n  main\n    +flex(null, center)\n    +padding-y(0)\n    background-position: left -240px top\n    min-height: unset\n    h1\n      +margin-y(24px, 24px)\n    label\n      +ifont(20px, null, null, .87px)\n      margin-bottom: 32px\n      padding: 12px 24px\n    p\n      +font(18px, null, 26px, 1.6px, null, justify)\n      margin-bottom: 60px\n  .introduction\n    +padding-y(40px, 44px)\n    h2\n      +font(24px, null, null, .42px)\n      margin-bottom: 16px\n    p\n      +font(16px, null, 24px, .62px, null, justify)\n      margin-bottom: 32px\n    .videos\n      grid-gap: 32px\n      grid-template-columns: 1fr\n      > li\n        h3\n          +flex(null, center)\n          +font(20px, null, 28px, .79px, bold, left)\n          margin-bottom: 12px\n  .senses\n    +padding-y(40px, 44px)\n    h2\n      +font(24px, null, null, .42px)\n      margin-bottom: 28px\n    ul\n      > li\n        flex-direction: column\n        &:not(:last-child)\n          margin-bottom: 30px\n          padding-bottom: 30px\n        img\n          margin-right: 0\n          width: 100%\n        a\n          margin-right: 0\n          padding-top: 0\n          width: 100%\n          h3\n            margin-bottom: 0\n            strong\n              +ifont(24px, null, null, .89px)\n              +margin-x(auto)\n              +size(120px, 44px)\n              transform: translateY(-50%)\n          h4\n            +font(22px, null, null, .25px)\n            margin-bottom: 12px\n          p\n            +font(16px, null, 24px, .31px)\n            margin-bottom: 16px\n  .interview\n    +padding-y(40px, 44px)\n    h2\n      +font(24px, null, null, .42px)\n      margin-bottom: 16px\n    p\n      +font(16px, null, 24px, .62px, null, justify)\n      margin-bottom: 32px\n    .videos\n      grid-gap: 32px\n      grid-template-columns: 1fr\n      > li\n        h3\n          +font(20px, null, 28px, .79px)\n          margin-bottom: 12px\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--11-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Home.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--11-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Home.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Home.vue?vue&type=template&id=25df096a&scoped=true&lang=pug&\"\nimport script from \"./Home.vue?vue&type=script&lang=js&\"\nexport * from \"./Home.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Home.vue?vue&type=style&index=0&id=25df096a&lang=sass&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"25df096a\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-sense',{attrs:{\"background\":require(\"@/assets/sense-1-banner.jpg\"),\"id\":\"v-sense1\"},scopedSlots:_vm._u([{key:\"title\",fn:function(){return [_c('h2',[_vm._v(\"給顧客\"),_c('strong',[_vm._v(\"「歸屬感」\")])])]},proxy:true},{key:\"sub\",fn:function(){return [_c('label',[_vm._v(\"貼心照顧會員的日常需求\")])]},proxy:true},{key:\"content\",fn:function(){return [_c('section',[_c('div',{staticClass:\"container\"},[_c('h3',[_vm._v(\"行動支付的「會員服務加值模式」\")]),_c('blockquote',[_vm._v(\"「『歸屬和愛』是人類重要的心理需求，讓人有歸屬感的會員服務，會讓陌生顧客成為忠實顧客，三不五時想到就回來消費。」\")]),_c('p',[_vm._v(\"顧客會願意成為會員一再回頭消費，是因為品牌提供的「會員專屬服務」讓他獲得濃厚的「歸屬感」。\")]),_c('p',[_vm._v(\"品牌透過\"),_c('strong',[_vm._v(\"串連或發展自己的行動支付工具\")]),_vm._v(\"，讓「\"),_c('strong',[_vm._v(\"電子錢包\")]),_vm._v(\"」、「\"),_c('strong',[_vm._v(\"消費集點\")]),_vm._v(\"」、「\"),_c('strong',[_vm._v(\"電子禮券\")]),_vm._v(\"」、「\"),_c('strong',[_vm._v(\"線上訂餐付款到店馬上取餐\")]),_vm._v(\"」、「\"),_c('strong',[_vm._v(\"分期付款\")]),_vm._v(\"」等會員專屬服務在進行時更加便利。企業如果想導入「會員服務加值模式」，需具備兩個特性：\")]),_c('p',[_vm._v(\"第一，具有「品牌專屬會員系統和支付工具」，業者通常具有一定的市佔規模，有資源著手打造自己的「會員管理」基礎環境。\")]),_c('p',[_vm._v(\"其二，因為「會員服務加值模式」是以「品牌會員」為基礎，搭配各類行動支付工具建立屬於會員專屬的消費集點、電子禮券、分期付款等服務後，更重要的是，還需要以「會員數據」為基礎，進一步來進行客戶關係的管理，才能搭配客群精準行銷，加強會員的黏著度與消費力道。\")]),_c('hr'),_c('v-article',[_c('h4',[_vm._v(\"台北101\"),_c('sub',[_vm._v(\"讓精品購物結合行動服務，提供客製化的O2O購物體驗\")])]),_c('img',{attrs:{\"src\":require(\"@/assets/sense-1-article-1-banner.jpg\"),\"alt\":\"台北101 讓精品購物結合行動服務，提供客製化的O2O購物體驗\"}}),_c('p',[_vm._v(\"以前逛百貨公司買東西還要先去領現金，後來變成可以刷信用卡，現在更是只要帶著一支手機就能完成購物！\")]),_c('p',[_vm._v(\"台北101以顧客為核心，持續開發優化「TAIPEI 101 MALL APP」的各項功能，讓消費者只要使用101 Pay就能行動支付結帳、分期付款、累積101 Point購物金或電子抵用券。今年台北101週年慶檔期，因為越來越多消費者使用101 Pay進行結帳，降低了櫃員還要拿消費者的信用卡到刷卡服務台結帳的次數，使服務台人力成本減少了50%，也因為增加了消費者在結帳流程感受到的順暢感，台北101週年慶業績成長了30%。\")]),_c('p',[_vm._v(\"透過會員消費數據分析，台北101可以進一步了解會員輪廓、進行會員分群，提供各級會員更優質且客製化的消費體驗，也為品牌媒合有消費潛力的顧客。例如台北101今年的World Masterpiece 珠寶腕錶大賞，就透過精準傳送邀請訊息給喜好高端珠寶腕錶的會員，總計30場活動來了超過600個會員參與。\")]),_c('p',[_vm._v(\"台北101更推出Stage@Taipei 101網站，將消費場域從館內延伸到線上，各級會員還能輕鬆享有「線上優先預購、線下實體門市取貨」的會員權益。舉例來說，台北101裡的某精品品牌預計發行2020限量新款女用包，會員Amy小姐打開手機APP收到這則「2020年新款女用包將於2020/12/29號早上10點開始預購，限量20個」的推播訊息。Amy小姐在開賣當天優雅的登記到了預購新品的名額，並用早就已經綁定好信用卡的「101 Pay」快速地完成付款，交易回饋的「101 Point購物金」也馬上登錄到Amy小姐的會員帳戶。\")]),_c('p',[_vm._v(\"透過精準行銷導客回流之後，顧客通常除了原本計畫要買的商品之外，還會再順道逛逛增加購買的品項。例如Amy小姐預購的包包到貨後，她來到台北101取貨，順便又逛了一下化妝品專櫃，選了幾瓶習慣用的保養品後要結帳，打開手機出示「101 Pay」的條碼給專櫃人員掃描即可完成付款，Amy這次又獲得了滿千送百的「電子抵用券」，開始在想還要拿抵用券多買什麼好。\")]),_c('p',[_vm._v(\"台北101除了既有的會員APP與101 Pay服務之外，未來更將持續推廣「Stage@Taipei 101」網站，計畫透過品牌鑑賞服務、專屬活動預約、時尚精品選購三大核心服務，吸引更多消費者從線上導到線下館內參與活動，進而成為台北101的會員，創造人潮與業績。\")]),_c('fieldset',[_c('legend',[_vm._v(\"關鍵數字\")]),_c('p',[_vm._v(\"101 Pay單筆平均成交金額是一般單筆交易金額的 15 倍\")])])]),_c('v-article',[_c('h4',[_vm._v(\"弘爺漢堡\"),_c('sub',[_vm._v(\"讓顧客每天愛吃的早餐可以「快點、快付、快取」\")])]),_c('img',{attrs:{\"src\":require(\"@/assets/sense-1-article-2-banner.jpg\"),\"alt\":\"弘爺漢堡 讓顧客每天愛吃的早餐可以「快點、快付、快取」\"}}),_c('p',[_vm._v(\"早餐店總是吃習慣的那家最好，如果可以「快點快取」更好！\")]),_c('p',[_vm._v(\"弘爺漢堡透過APP及LINE讓顧客想吃早餐時可以「快點、快付、快取」。除了傳統的打電話預訂餐點之外，顧客現在可以打開「弘爺漢堡的LINE」或「弘爺漢堡 APP」進行線上點餐，只要簡單三步驟，選定要取餐的店家、選好想吃的餐點包括要不要加料，接著直接線上結帳即可。而線上結帳的方式，除了可以使用信用卡結帳之外，也可以選擇用行動支付來結帳，接著就能散步到指定店家快速取餐，享受美好的早晨。\")]),_c('p',[_vm._v(\"在台灣傳統早餐店之中，弘爺漢堡不僅是開發線上點餐的機制，也是同業中第一家在門市有效整合「多元支付」的早餐店，透過與超過20家銀行的合作，讓消費者能享受便利且安全加密的行動支付服務，將包括信用卡小額支付、Apple Pay、台灣Pay等超過10種「多元支付」工具都整合進同一台POS系統，讓弘爺漢堡門市店員只要一台刷卡機和掃描槍，就可以快速為選擇不同支付方式的顧客結帳，降低了店員接觸鈔票零錢後還要洗手備餐的機會，也因為加快結帳速度而減少顧客排隊的時間，更加快了取餐速度。\")]),_c('p',[_vm._v(\"在吸引更多顧客使用行動支付結帳的策略上，弘爺漢堡在支付系統上整合了會員點數回饋機制，也可以拿會員點數折抵早餐消費，有效讓顧客感受到使用行動支付能獲得更多的優惠，讓顧客到弘爺漢堡不只是享用美味健康的早午餐，同時也享受到便利的消費體驗。\")]),_c('p',[_vm._v(\"許多弘爺漢堡的加盟主感受到，因為加速了結帳流程，而優化了顧客的消費體驗，吸引顧客一來再來，因此提高了營業收入。弘爺漢堡也因此提高了新加盟主前來加盟的意願。\")]),_c('fieldset',[_c('legend',[_vm._v(\"關鍵數字\")]),_c('p',[_vm._v(\"導入216家實體店面\")])])]),_c('v-article',[_c('h4',[_vm._v(\"全家\"),_c('sub',[_vm._v(\"生活上的消費大小事用行動支付來解決\")])]),_c('img',{attrs:{\"src\":require(\"@/assets/sense-1-article-3-banner.jpg\"),\"alt\":\"全家 生活上的消費大小事用行動支付來解決\"}}),_c('p',[_vm._v(\"買咖啡、買水果、買零食、付水電費、付電信費⋯⋯，都可以在全家便利商店用行動支付結帳付費！\")]),_c('p',[_vm._v(\"「全家」在店舖導入的多元支付方案將近20種，讓消費者不用被限制於特定付款方式，也可以透過消費累積點數，參與店內的行銷活動拿好康。「全家」更推出了會員專屬電子錢包「My FamiPay」，結合實體店舖、電商平台、智慧販賣機，提供消費者從線上到線下的整合服務，讓消費者的生活更加方便。\")]),_c('p',[_vm._v(\"「全家」My FamiPay 適用範圍除了在「全家」店舖買商品之外，也可以付包含水電、停車費、勞健保費、稅款、罰款、燃料稅、瓦斯費、公私立學雜費(部分)、有線電視帳單(部分)、電信帳單(部分)等費用。My FamiPay 也可幫會員存取「全家」發票，減少收紙本發票和兌獎的困擾。\")]),_c('p',[_vm._v(\"一開始只能在全家便利商店實體店舖使用的My FamiPay ，後來在2019年初導入了「隨買跨店取線上支付」功能，讓會員使用隨買跨店取時，可以隨時、隨地、隨心購買。全家會用APP推播「隨買跨店取優惠訊息」給會員，例如讓會員用很優惠的價格預購10杯咖啡，會員到店兌換咖啡時，店舖就等於實現了銷售營收，而消費者都已經到店了，很可能再多拿一盒水果或多選一條巧克力，因此增加了店舖的營收金額。\")]),_c('p',[_vm._v(\"「全家」也會運用會員的最近一次消費日期、消費頻率、消費金額等資料來分析顧客的輪廓，精準推播符合顧客需求的預售商品行銷優惠訊息。\")]),_c('p',[_vm._v(\"「全家」2019年底更在My FamiPay 裡推出一種有「零錢殺手」封號之稱的行動支付方式「Fami 錢包」，消費者使用上有三個好處：第一個是「找整存零」，「全家」會員在結帳收到店員找零時，可以自由選擇要將零錢全數存入 Fami 錢包，也可以找回整鈔、只把零錢存進Fami 錢包。而在儲值流程上，只要跟店員報手機號碼，就能快速完成把錢存進錢包。\")]),_c('p',[_vm._v(\"第二個是「隨買跨店取轉儲」，會員在APP上購買的隨買跨店取商品優惠到期時，若會員沒有在期限內把商品兌換完畢或遇到商品停售的狀況，未兌換的商品金額就會退儲至 Fami 錢包，讓會員可以進一步活用消費金額。\")]),_c('p',[_vm._v(\"第三個是「免綁卡」，只要是「全家」會員就能使用 Fami 錢包，不需要額外綁卡，讓所有年齡層的會員都可以輕鬆使用！\")]),_c('fieldset',[_c('legend',[_vm._v(\"關鍵數字\")]),_c('p',[_vm._v(\"My FamiPay 線下支付已達 3,700 多家店鋪導入行動支付\")])])]),_c('v-article',[_c('h4',[_vm._v(\"摩斯漢堡\"),_c('sub',[_vm._v(\"讓顧客用 APP 線上訂餐付款，到店不用等就取餐\")])]),_c('img',{attrs:{\"src\":require(\"@/assets/sense-1-article-4-banner.jpg\"),\"alt\":\"摩斯漢堡 讓顧客用 APP 線上訂餐付款，到店不用等就取餐\"}}),_c('p',[_vm._v(\"去餐廳最討厭很餓或很趕時間的情況下，還要大排長龍等待點餐！\")]),_c('p',[_vm._v(\"摩斯漢堡的「MOS APP」線上訂餐服務功能，讓顧客可以在家裡、車上、辦公室或在街上走路時，打開 MOS APP 能直接線上點餐並完成付款，接著走到門市的「預約取餐」櫃檯，告知店員「訂單編號」和「手機末三碼」，就能快速拿到餐點。\")]),_c('p',[_vm._v(\"舉例來說，上班族工作很忙碌，中午可能只有短暫時間能吃點東西，緊接著下午的會議又快要開始，如果想要吃公司附近的摩斯，就可以在辦公室先打開APP點餐，走到摩斯的時候，摩斯早已準備好餐點讓顧客拿了就走。\")]),_c('p',[_vm._v(\"摩斯應用了全台活躍用戶高達2,300萬人的LINE平台來建立更精確的顧客連結，整合「MOS LINE@」擴大會員基礎。並由「MOS LINE@」串接了會員系統，透過會員資料分析會員輪廓，進行目標客群的設定，再結合「LBS行動定位功能」進行分眾行銷，根據顧客的所在位置推播行銷訊息。顧客在「MOS LINE@」看到了切合自己需求的行銷優惠訊息後，就很順暢的點去下載或直接打開「MOS APP」進行線上點餐，或是預購電子餐券、禮物卡，再到實體門市完成線上導流到線下的O2O消費。\")]),_c('p',[_vm._v(\"顧客用 MOS APP 裡的電子錢包支付後，消費金額還能累積轉換成「MOS 金點」，下次訂餐就能利用點數折抵消費。摩斯更善用顧客消費數據分析，未來將推出禮物卡、電子預售餐券及點數回饋機制，進一步擴大行動支付的應用，精準做到導客回流。\")]),_c('p',[_vm._v(\"比如說摩斯會員Jimmy已累積了「MOS 金點」4點，有一天Jimmy正在中午時間走在一家摩斯門市附近，摩斯就可以透過會員系統精準推播訊息給Jimmy：「您的MOS 金點4點已可兌換您喜歡的雙層摩斯吉士漢堡！」Jimmy點開手機訊息後，可能就開心地走去兌換雙層摩斯吉士漢堡，順道又多點了一個套餐，增加摩斯的營收金額。\")]),_c('fieldset',[_c('legend',[_vm._v(\"關鍵數字\")]),_c('p',[_vm._v(\"摩斯漢堡全國 285 家分店優化結帳程序，縮短使用者等待時間\")])])]),_c('v-article',[_c('h4',[_vm._v(\"威許移動\"),_c('sub',[_vm._v(\"為品牌店家的熟客打造「專屬電子錢包」\")])]),_c('img',{attrs:{\"src\":require(\"@/assets/sense-1-article-5-banner.jpg\"),\"alt\":\"威許移動 為品牌店家的熟客打造「專屬電子錢包」\"}}),_c('p',[_vm._v(\"隨時想去熟識的店家喝杯咖啡、吃吃美食、逛逛買東西，不用帶錢包，也不用帶一張張的會員卡片出門，多好！\")]),_c('p',[_vm._v(\"威許移動為85度C、康青龍餐飲、環球購物中心等各連鎖零售店家建置專屬的「會員行動電子錢包加值服務」，消費者只要下載品牌的專屬電子錢包APP，並選擇「綁定信用卡」或是「儲值」，之後每次結帳都不用掏現金、不用出示實體會員卡，也不需要輸入繁複的信用卡號或銀行簡訊驗證碼，只要給店員掃一下QR Code，支付、折抵、累點一次到位。\")]),_c('p',[_vm._v(\"當支付流程變得更簡單，就會提升顧客的購買意願。威許移動透過蒐集分析會員使用電子錢包消費的大數據，還能進一步提供店家針對不同的會員，進行精準分眾行銷服務，當推送給顧客的行銷訊息總是貼合顧客當下的生活需求，顧客就會有立即回店消費的衝動，也會在顧客心中存下「你真懂我」的品牌好感度，增加顧客對連鎖零售店家品牌的黏著度。\")]),_c('p',[_vm._v(\"連鎖零售店家若有意願導入「會員行動電子錢包」，不用擔心會需要額外放置新的刷卡機或支付機器而佔用店家門市空間。威許移動能讓店家透過既有的POS機台，做簡單的整合串接，就能啟用「會員行動電子錢包」來服務顧客，讓店家越來越多的顧客變成「熟客」。\")]),_c('fieldset',[_c('legend',[_vm._v(\"關鍵數字\")]),_c('p',[_vm._v(\"達成參與的品牌門店數達 1,659 家\")])])]),_c('v-article',[_c('h4',[_vm._v(\"小三美日\"),_c('sub',[_vm._v(\"透過「美幣集點」和「一元換購」黏住顧客\")])]),_c('img',{attrs:{\"src\":require(\"@/assets/sense-1-article-6-banner.jpg\"),\"alt\":\"小三美日 透過「美幣集點」和「一元換購」黏住顧客\"}}),_c('p',[_vm._v(\"讓自己變美、持續美，幾乎是每天都要做的事。如果消費者找到一家有信任感和歸屬感的品牌店家，通常就會忠誠黏著非常多年。\")]),_c('p',[_vm._v(\"小三美日瞄準的目標客群為 15 到 35 歲的女性消費者，很符合目前統計具使用行動支付習慣且同時具購買力的消費客群。小三美日透過各類獎勵方案，養成消費者使用行動支付的習慣。\")]),_c('p',[_vm._v(\"例如小三美日的 VIP/VVIP 到店進行購買，結帳時可以使用 Apple Pay、Google Pay、Samsung Pay、Line Pay、支付寶、微信支付、街口支付等多元的行動支付付款，小三美日再透過自行研發的 CRM 系統讓行動支付的消費數據與會員身份連結在一起，店員會告知會員多加 1 元可兌換禮品，而會員在獎勵期間的消費仍然可以進行美幣積點，消費 1 元獲得 1 個美幣，每 100 美幣可折抵消費新台幣 1 元，吸引會員再次消費。\")]),_c('p',[_vm._v(\"小三美日也提升了國外旅客購物的便利性，支援 Apple Pay、Google Pay 與 Samsung Pay 等 NFC 行動支付服務，可以讓全球各地擁有 NFC 規格行動裝置的國外旅客方便地進行結帳。支付寶與微信支付則是主要服務中國、香港和澳門的旅客，讓他們可以使用習慣的無現金支付。\")]),_c('fieldset',[_c('legend',[_vm._v(\"關鍵數字\")]),_c('p',[_vm._v(\"累積活躍會員數達 356 萬名\")])])]),_c('v-article',[_c('h4',[_vm._v(\"寶島眼鏡\"),_c('sub',[_vm._v(\"透過會員消費數據，精準推播回購訊息\")])]),_c('img',{attrs:{\"src\":require(\"@/assets/sense-1-article-7-banner.jpg\"),\"alt\":\"寶島眼鏡 透過會員消費數據，精準推播回購訊息\"}}),_c('p',[_vm._v(\"視力保健對每一個人都是人生一輩子中很重要的事，因此很需要一家懂得自己需求、貼心服務、令人信賴的眼鏡行。\")]),_c('p',[_vm._v(\"寶島眼鏡以全新研發自有行動支付「EYE⁺Pay」為核心發展了包括「智慧引客」、「便利支付」、「數據應用」等三大應用，改變寶島眼鏡過去只是銷售通路的角色，逐漸成為忠誠顧客心中的「地方社區視力預防矯正保母」。\")]),_c('p',[_vm._v(\"寶島眼鏡如何做到「智慧引客」？「鏡架使用時間」約為1到3年，寶島眼鏡會根據會員的配鏡消費記錄，「每兩年」透過APP發出「貼心回購提醒」。甚至還會依據會員喜好做適性化的推播導購，例如會員曾經買過的隱形眼鏡品牌出了新商品或有新折扣，寶島眼鏡就能推播行銷訊息導客到店購買。\")]),_c('p',[_vm._v(\"做到了「智慧引客」之後，更需要有「便利支付」讓顧客順暢的結帳。寶島眼鏡EYE⁺Pay讓顧客可以在APP裡綁定信用卡迅速付款，付完款後直接累積會員點數，會員點數可以在下次購買時折抵消費金額，再次購買後又再次累積點數，就持續埋下了讓顧客有持續回來消費折抵的動機。\")]),_c('p',[_vm._v(\"在鼓勵顧客初次使用「行動支付」上，寶島眼鏡有很具誘因的推廣策略。從自己的顧客關係管理（CRM）系統裡找出一般、白金及鑽石會員，分別推播行動支付推廣訊息。例如「一般會員」在生日期間如果用行動支付的方式結帳，就能獲得500元配鏡購物金；針對消費力高的白金與鑽石會員，寶島會發送專屬的EDM，提醒白金與鑽石會員在活動期間首次使用行動支付方式結帳就能獲得獨家200元、1000元不等的回饋購物金。\")]),_c('p',[_vm._v(\"寶島眼鏡還善用「EYE⁺Pay」大數據進行分析，了解會員習性、消費習慣。而「分析數據」還不夠，重要的是「數據應用」，寶島眼鏡會「每半年」發一次「驗光提醒」，提醒會員定期做視力檢查，寶島眼鏡公司內部就會透過會員的視力資料庫，做為門市鏡片度數的備貨參考。寶島眼鏡長期觀察會員運用「EYE⁺Pay」的消費趨勢，例如觀察到某些特殊色的隱形眼鏡或是多焦點鏡片銷售得特別好，就可以做為公司內部產品開發方向及銷售策略的參考。\")]),_c('p',[_vm._v(\"此外，寶島眼鏡除了在自己的門市推廣應用「EYE⁺Pay」之外，還整合了包括醫美診所、眼科診所、點數業者、零售電商、支付業者等五大異業，以及同業策略聯盟通路一起推動行動支付的普及。例如寶島眼鏡與諾貝爾眼科診所合作，只要是諾貝爾眼科介紹到寶島眼鏡門市的消費者，使用「EYE⁺Pay」行動支付即可享優惠，提升了寶島眼鏡會員使用服務的黏著度。\")]),_c('fieldset',[_c('legend',[_vm._v(\"關鍵數字\")]),_c('p',[_vm._v(\"顧客資料約 600萬筆，其中 220萬成為寶島眼鏡會員，高達 7成是活躍會員\")])])]),_c('div',{staticClass:\"summary\"},[_c('h5',[_vm._v(\"適合使用「會員服務加值模式」的中小企業類型\")]),_c('ul',[_c('li',[_vm._v(\"具備固定客源的中小型連鎖品牌企業，如：品牌手搖飲、品牌餐廳。可藉由行動支付衍生的點數服務、會員專屬回饋服務，提升顧客回購率。\")]),_c('li',[_vm._v(\"串聯或發展自己的行動支付工具、決定支付回饋機制，整合會員系統來強化企業與客戶的連結，並提供企業客戶服務。\")])])])],1)])]},proxy:true}])})}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"v-sense\"},[_c('main',{style:({backgroundImage: (\"url(\" + _vm.background + \")\")})},[(!_vm.$store.state.mobile)?_c('router-link',{attrs:{\"to\":\"/\"}},[_c('h1',[_c('img',{attrs:{\"src\":require(\"@/assets/oneline-title.png\"),\"alt\":\"行動支付的5感生活美學\",\"width\":400}})])]):_vm._e(),_vm._t(\"title\"),_vm._t(\"sub\")],2),_vm._t(\"content\"),_c('div',{staticClass:\"shortcut\"},[_c('div',{staticClass:\"container\"},[_c('h3',[_vm._v(\"想看更多生活美學\")]),_c('ul',{staticClass:\"senses\"},[_c('li',[_c('router-link',{attrs:{\"to\":\"/01\"}},[_c('strong',[_vm._v(\"歸屬感\")]),_c('span',[_vm._v(\"會員服務加值模式\")])])],1),_c('li',[_c('router-link',{attrs:{\"to\":\"/02\"}},[_c('strong',[_vm._v(\"便利感\")]),_c('span',[_vm._v(\"聚合支付整合模式\")])])],1),_c('li',[_c('router-link',{attrs:{\"to\":\"/03\"}},[_c('strong',[_vm._v(\"簡單感\")]),_c('span',[_vm._v(\"數位服務優化模式\")])])],1),_c('li',[_c('router-link',{attrs:{\"to\":\"/04\"}},[_c('strong',[_vm._v(\"從容感\")]),_c('span',[_vm._v(\"商圈微商共推模式\")])])],1),_c('li',[_c('router-link',{attrs:{\"to\":\"/05\"}},[_c('strong',[_vm._v(\"自在感\")]),_c('span',[_vm._v(\"設備整合支付模式\")])])],1)])])]),_c('v-footer')],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template lang=\"pug\">\n.v-sense\n  main(:style='{backgroundImage: `url(${background})`}')\n    router-link(v-if='!$store.state.mobile', to='/'): h1: img(src='@/assets/oneline-title.png', alt='行動支付的5感生活美學', :width='400')\n    slot(name='title')\n    slot(name='sub')\n  slot(name='content')\n  .shortcut: .container\n    h3 想看更多生活美學\n    ul.senses\n      li: router-link(to='/01')\n        strong 歸屬感\n        span 會員服務加值模式\n      li: router-link(to='/02')\n        strong 便利感\n        span 聚合支付整合模式\n      li: router-link(to='/03')\n        strong 簡單感\n        span 數位服務優化模式\n      li: router-link(to='/04')\n        strong 從容感\n        span 商圈微商共推模式\n      li: router-link(to='/05')\n        strong 自在感\n        span 設備整合支付模式\n  v-footer\n</template>\n\n<script>\nimport VFooter from '@/components/Footer.vue'\n\nexport default {\n  name: 'Sense',\n  components: {\n    VFooter,\n  },\n  props: {\n    background: {\n      required: true,\n    },\n  },\n}\n</script>\n\n<style lang=\"sass\" scoped>\n@import '~@/mixin.sass'\n\nmain\n  +background(null, cover, no-repeat, top center)\n  padding: 100px 72px 152px\n  position: relative\n  text-align: center\n  a\n    +position(absolute, 60px, null, null, 72px)\n    display: inline-block\n    h1\n      img\n        filter: drop-shadow(4px 4px 8px rgba(black, .8))\n  h2\n    +font(52px, white, null, .85px, bold, center)\n    +margin-y(80px, 36px)\n    filter: drop-shadow(4px 4px 8px rgba(black, .8))\n    margin-bottom: 28px\n    text-indent: .5em\n    strong\n      color: #FFBA38\n  label\n    +ifont(26px, white, null, 1px, 500)\n    +margin-x(auto)\n    background-color: #368EFF\n    border-radius: 100px\n    display: inline-block\n    padding: 8px 32px\nsection\n  &:first-of-type\n    padding-top: 60px\n  &:not(:last-of-type)\n    margin-bottom: 80px\n  &:last-of-type\n    padding-bottom: 60px\n  h3\n    +flex(null, center)\n    +font(30px, #5A5A5A, null, 1.33px, bold)\n    margin-bottom: 20px\n    &::before\n      border-left: 8px solid #FFBA38\n      content: ''\n      display: inline-block\n      height: 36px\n      margin-right: .5em\n  blockquote\n    +font(20px, #368EFF, 32px, .88px, 500, justify)\n    margin-bottom: 20px\n  p\n    +font(18px, #5A5A5A, 32px, 1.8px, null, justify)\n    &:not(:last-of-type)\n      margin-bottom: 20px\n    strong\n      color: #FF8A2A\n  hr\n    +margin-y(40px)\n    background-color: #368EFF\n    height: 2px\n  .summary\n    +margin-x(auto)\n    +border(2px, #FFBA39, 20px)\n    box-shadow: -6px 6px 0 #FFCB69\n    padding: 40px 52px\n    width: 760px\n    h5\n      +ifont(22px, #368EFF, null, 1.22px, bold, center)\n      margin-bottom: 20px\n    ul\n      list-style-type: none\n      > li\n        +font(18px, #5A5A5A, 26px, 1px, null, justify)\n        display: flex\n        &::before\n          content: '・'\n          margin-right: .2em\n        &:not(:last-of-type)\n          margin-bottom: 12px\n.shortcut\n  background-color: #FFFAF6\n  +padding-y(52px, 64px)\n  h3\n    +font(34px, #368EFF, null, .6px, bold, center)\n    margin-bottom: 48px\n  .senses\n    display: grid\n    grid-gap: 36px\n    grid-template: 140px / repeat(5, 1fr)\n    list-style-type: none\n    > li\n      +background(null)\n      &:nth-child(1)\n        background-image: url(~@/assets/sense-1-thumbnail.jpg)\n      &:nth-child(2)\n        background-image: url(~@/assets/sense-2-thumbnail.jpg)\n      &:nth-child(3)\n        background-image: url(~@/assets/sense-3-thumbnail.jpg)\n      &:nth-child(4)\n        background-image: url(~@/assets/sense-4-thumbnail.jpg)\n      &:nth-child(5)\n        background-image: url(~@/assets/sense-5-thumbnail.jpg)\n      a\n        background-color: rgba(black, .6)\n        display: block\n        height: 100%\n        padding-top: 32px\n        text-align: center\n        &:hover\n          text-decoration: none\n        strong\n          +ifont(28px, #FFBA39, null, .5px, bold)\n          display: block\n          margin-bottom: 16px\n        span\n          +ifont(14px, white, null, .25px, bold)\n\n@media (max-width: 1019px)\n  main\n    padding: 100px 0 52px\n    h2\n      +font(34px, null, null, .6px)\n      +margin-y(0, 20px)\n    label\n      +ifont(16px, null, null, .61px)\n      padding: 8px 24px\n      word-break: keep-all\n  section\n    &:first-of-type\n      padding-top: 40px\n    &:not(:last-of-type)\n      margin-bottom: 60px\n    &:last-of-type\n      padding-bottom: 40px\n    h3\n      +font(24px, null, 30px, .88px)\n      margin-bottom: 24px\n      &::before\n        height: 50px\n        border-width: 6px\n    blockquote\n      +font(18px, null, 26px, .62px)\n      margin-bottom: 10px\n    p\n      +font(18px, null, 26px, .58px)\n      &:not(:last-of-type)\n        margin-bottom: 10px\n    hr\n      +margin-y(28px)\n    .summary\n      border-width: 1px\n      box-shadow: -4px 4px 0 #FFCB69\n      padding: 20px\n      width: 100%\n      h5\n        +font(16px, null, 24px, .88px)\n        margin-bottom: 12px\n      ul\n        > li\n          +font(14px, null, 22px, .54px)\n          &:not(:last-of-type)\n            margin-bottom: 8px\n  .shortcut\n    h3\n      +font(24px, null, null, .42px)\n      margin-bottom: 28px\n    .senses\n      grid-gap: 10px\n      grid-template: repeat(5, 100px) / 1fr\n      > li\n        a\n          padding-top: 20px\n          strong\n            +ifont(22px, null, null, .39px)\n          ul\n            +flex(center)\n            > li\n              +ifont(14px, null, null, .25px)\n              &:not(:last-child)\n                margin-bottom: 0\n                margin-right: 1em\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--11-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Sense.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--11-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Sense.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Sense.vue?vue&type=template&id=233cb4e8&scoped=true&lang=pug&\"\nimport script from \"./Sense.vue?vue&type=script&lang=js&\"\nexport * from \"./Sense.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Sense.vue?vue&type=style&index=0&id=233cb4e8&lang=sass&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"233cb4e8\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('article',{staticClass:\"v-article\",class:{extended: !_vm.$store.state.mobile || _vm.extended}},[_vm._t(\"default\"),(_vm.$store.state.mobile && !_vm.extended)?_c('div',{staticClass:\"extend\"},[_c('button',{attrs:{\"type\":\"button\"},on:{\"click\":function($event){_vm.extended = true}}},[_vm._v(\"閱讀完整文章\"),_c('img',{attrs:{\"src\":require(\"@/assets/extend-icon.png\"),\"alt\":\"展開\",\"width\":\"20\"}})])]):_vm._e()],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template lang=\"pug\">\narticle.v-article(:class='{extended: !$store.state.mobile || extended}')\n  slot\n  .extend(v-if='$store.state.mobile && !extended'): button(@click='extended = true', type='button')\n    | 閱讀完整文章\n    img(src='@/assets/extend-icon.png', alt='展開', width='20')\n</template>\n\n<script>\nexport default {\n  name: 'Article',\n  data() {\n    return {\n      extended: false\n    }\n  },\n}\n</script>\n\n<style lang=\"sass\" scoped>\n@import '~@/mixin.sass'\n\n.v-article\n  &:not(:last-of-type)\n    border-bottom: 1px solid #FFBA39\n    margin-bottom: 32px\n    padding-bottom: 32px\n  &:last-of-type\n    margin-bottom: 52px\n  h4\n    +font(24px, #FF8A2A, null, 1.33px, bold)\n    margin-bottom: 28px\n    sub\n      +font(inherit, #161616, 1.15)\n      bottom: 0\n      margin-left: .5em\n  > img\n    margin-bottom: 28px\n    width: 100%\n  p\n    +font(18px, #5A5A5A, 32px, 1.8px, null, justify)\n    &:not(:last-of-type)\n      margin-bottom: 20px\n  fieldset\n    +border(1px, #FFBA39)\n    padding: 20px 32px\n    margin-top: 40px\n    legend\n      +font(20px, #FF8A2A, null, .77px, bold, center)\n      +padding-x(2em)\n    p\n      +font(18px, #5A5A5A, null, .6px, bold, center)\n\n@media (max-width: 1019px)\n  .v-article\n    max-height: 400px\n    overflow-y: hidden\n    position: relative\n    &:not(:last-of-type)\n      margin-bottom: 20px\n      padding-bottom: 20px\n    &:last-of-type\n      margin-bottom: 0\n    &.extended\n      max-height: 3000px\n      transition: max-height .3s ease-in\n      &:last-of-type\n        margin-bottom: 40px\n    h4\n      +font(20px, null, 28px, .5px)\n      margin-bottom: 20px\n    > img\n      margin-bottom: 16px\n    p\n      +font(18px, null, 26px, .77px)\n    fieldset\n      margin-top: 24px\n      padding: 12px 20px\n      legend\n        +font(18px, null, null, .62px)\n      p\n        +font(16px, null, null, .5px)\n    .extend\n      +flex(center, flex-end)\n      +position(absolute, null, 0, 0, 0)\n      background: linear-gradient(0deg, white 0%, white 60%, rgba(white, 0) 100%)\n      height: 120px\n      padding-bottom: 20px\n      pointer-events: none\n      button\n        +ifont(14px, #7E7E7E, null, .46px, null, center)\n        pointer-events: auto\n        img\n          +margin-x(auto)\n          display: block\n          margin-top: 12px\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--11-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Article.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--11-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Article.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Article.vue?vue&type=template&id=d425a8f6&scoped=true&lang=pug&\"\nimport script from \"./Article.vue?vue&type=script&lang=js&\"\nexport * from \"./Article.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Article.vue?vue&type=style&index=0&id=d425a8f6&lang=sass&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"d425a8f6\",\n  null\n  \n)\n\nexport default component.exports","<template lang=\"pug\">\nv-sense(:background='require(\"@/assets/sense-1-banner.jpg\")')#v-sense1\n  template(#title)\n    h2\n      | 給顧客\n      strong 「歸屬感」\n  template(#sub)\n    label 貼心照顧會員的日常需求\n  template(#content)\n    section: .container\n      h3 行動支付的「會員服務加值模式」\n      blockquote 「『歸屬和愛』是人類重要的心理需求，讓人有歸屬感的會員服務，會讓陌生顧客成為忠實顧客，三不五時想到就回來消費。」\n      p 顧客會願意成為會員一再回頭消費，是因為品牌提供的「會員專屬服務」讓他獲得濃厚的「歸屬感」。\n      p 品牌透過\n        strong 串連或發展自己的行動支付工具\n        | ，讓「\n        strong 電子錢包\n        | 」、「\n        strong 消費集點\n        | 」、「\n        strong 電子禮券\n        | 」、「\n        strong 線上訂餐付款到店馬上取餐\n        | 」、「\n        strong 分期付款\n        | 」等會員專屬服務在進行時更加便利。企業如果想導入「會員服務加值模式」，需具備兩個特性：\n      p 第一，具有「品牌專屬會員系統和支付工具」，業者通常具有一定的市佔規模，有資源著手打造自己的「會員管理」基礎環境。\n      p 其二，因為「會員服務加值模式」是以「品牌會員」為基礎，搭配各類行動支付工具建立屬於會員專屬的消費集點、電子禮券、分期付款等服務後，更重要的是，還需要以「會員數據」為基礎，進一步來進行客戶關係的管理，才能搭配客群精準行銷，加強會員的黏著度與消費力道。\n      hr\n      v-article\n        h4\n          | 台北101\n          sub 讓精品購物結合行動服務，提供客製化的O2O購物體驗\n        img(src='@/assets/sense-1-article-1-banner.jpg', alt='台北101 讓精品購物結合行動服務，提供客製化的O2O購物體驗')\n        p 以前逛百貨公司買東西還要先去領現金，後來變成可以刷信用卡，現在更是只要帶著一支手機就能完成購物！\n        p 台北101以顧客為核心，持續開發優化「TAIPEI 101 MALL APP」的各項功能，讓消費者只要使用101 Pay就能行動支付結帳、分期付款、累積101 Point購物金或電子抵用券。今年台北101週年慶檔期，因為越來越多消費者使用101 Pay進行結帳，降低了櫃員還要拿消費者的信用卡到刷卡服務台結帳的次數，使服務台人力成本減少了50%，也因為增加了消費者在結帳流程感受到的順暢感，台北101週年慶業績成長了30%。\n        p 透過會員消費數據分析，台北101可以進一步了解會員輪廓、進行會員分群，提供各級會員更優質且客製化的消費體驗，也為品牌媒合有消費潛力的顧客。例如台北101今年的World Masterpiece 珠寶腕錶大賞，就透過精準傳送邀請訊息給喜好高端珠寶腕錶的會員，總計30場活動來了超過600個會員參與。\n        p 台北101更推出Stage@Taipei 101網站，將消費場域從館內延伸到線上，各級會員還能輕鬆享有「線上優先預購、線下實體門市取貨」的會員權益。舉例來說，台北101裡的某精品品牌預計發行2020限量新款女用包，會員Amy小姐打開手機APP收到這則「2020年新款女用包將於2020/12/29號早上10點開始預購，限量20個」的推播訊息。Amy小姐在開賣當天優雅的登記到了預購新品的名額，並用早就已經綁定好信用卡的「101 Pay」快速地完成付款，交易回饋的「101 Point購物金」也馬上登錄到Amy小姐的會員帳戶。\n        p 透過精準行銷導客回流之後，顧客通常除了原本計畫要買的商品之外，還會再順道逛逛增加購買的品項。例如Amy小姐預購的包包到貨後，她來到台北101取貨，順便又逛了一下化妝品專櫃，選了幾瓶習慣用的保養品後要結帳，打開手機出示「101 Pay」的條碼給專櫃人員掃描即可完成付款，Amy這次又獲得了滿千送百的「電子抵用券」，開始在想還要拿抵用券多買什麼好。\n        p 台北101除了既有的會員APP與101 Pay服務之外，未來更將持續推廣「Stage@Taipei 101」網站，計畫透過品牌鑑賞服務、專屬活動預約、時尚精品選購三大核心服務，吸引更多消費者從線上導到線下館內參與活動，進而成為台北101的會員，創造人潮與業績。\n        fieldset\n          legend 關鍵數字\n          p 101 Pay單筆平均成交金額是一般單筆交易金額的 15 倍\n      v-article\n        h4\n          | 弘爺漢堡\n          sub 讓顧客每天愛吃的早餐可以「快點、快付、快取」\n        img(src='@/assets/sense-1-article-2-banner.jpg', alt='弘爺漢堡 讓顧客每天愛吃的早餐可以「快點、快付、快取」')\n        p 早餐店總是吃習慣的那家最好，如果可以「快點快取」更好！\n        p 弘爺漢堡透過APP及LINE讓顧客想吃早餐時可以「快點、快付、快取」。除了傳統的打電話預訂餐點之外，顧客現在可以打開「弘爺漢堡的LINE」或「弘爺漢堡 APP」進行線上點餐，只要簡單三步驟，選定要取餐的店家、選好想吃的餐點包括要不要加料，接著直接線上結帳即可。而線上結帳的方式，除了可以使用信用卡結帳之外，也可以選擇用行動支付來結帳，接著就能散步到指定店家快速取餐，享受美好的早晨。\n        p 在台灣傳統早餐店之中，弘爺漢堡不僅是開發線上點餐的機制，也是同業中第一家在門市有效整合「多元支付」的早餐店，透過與超過20家銀行的合作，讓消費者能享受便利且安全加密的行動支付服務，將包括信用卡小額支付、Apple Pay、台灣Pay等超過10種「多元支付」工具都整合進同一台POS系統，讓弘爺漢堡門市店員只要一台刷卡機和掃描槍，就可以快速為選擇不同支付方式的顧客結帳，降低了店員接觸鈔票零錢後還要洗手備餐的機會，也因為加快結帳速度而減少顧客排隊的時間，更加快了取餐速度。\n        p 在吸引更多顧客使用行動支付結帳的策略上，弘爺漢堡在支付系統上整合了會員點數回饋機制，也可以拿會員點數折抵早餐消費，有效讓顧客感受到使用行動支付能獲得更多的優惠，讓顧客到弘爺漢堡不只是享用美味健康的早午餐，同時也享受到便利的消費體驗。\n        p 許多弘爺漢堡的加盟主感受到，因為加速了結帳流程，而優化了顧客的消費體驗，吸引顧客一來再來，因此提高了營業收入。弘爺漢堡也因此提高了新加盟主前來加盟的意願。\n        fieldset\n          legend 關鍵數字\n          p 導入216家實體店面\n      v-article\n        h4\n          | 全家\n          sub 生活上的消費大小事用行動支付來解決\n        img(src='@/assets/sense-1-article-3-banner.jpg', alt='全家 生活上的消費大小事用行動支付來解決')\n        p 買咖啡、買水果、買零食、付水電費、付電信費⋯⋯，都可以在全家便利商店用行動支付結帳付費！\n        p 「全家」在店舖導入的多元支付方案將近20種，讓消費者不用被限制於特定付款方式，也可以透過消費累積點數，參與店內的行銷活動拿好康。「全家」更推出了會員專屬電子錢包「My FamiPay」，結合實體店舖、電商平台、智慧販賣機，提供消費者從線上到線下的整合服務，讓消費者的生活更加方便。\n        p 「全家」My FamiPay 適用範圍除了在「全家」店舖買商品之外，也可以付包含水電、停車費、勞健保費、稅款、罰款、燃料稅、瓦斯費、公私立學雜費(部分)、有線電視帳單(部分)、電信帳單(部分)等費用。My FamiPay 也可幫會員存取「全家」發票，減少收紙本發票和兌獎的困擾。\n        p 一開始只能在全家便利商店實體店舖使用的My FamiPay ，後來在2019年初導入了「隨買跨店取線上支付」功能，讓會員使用隨買跨店取時，可以隨時、隨地、隨心購買。全家會用APP推播「隨買跨店取優惠訊息」給會員，例如讓會員用很優惠的價格預購10杯咖啡，會員到店兌換咖啡時，店舖就等於實現了銷售營收，而消費者都已經到店了，很可能再多拿一盒水果或多選一條巧克力，因此增加了店舖的營收金額。\n        p 「全家」也會運用會員的最近一次消費日期、消費頻率、消費金額等資料來分析顧客的輪廓，精準推播符合顧客需求的預售商品行銷優惠訊息。\n        p 「全家」2019年底更在My FamiPay 裡推出一種有「零錢殺手」封號之稱的行動支付方式「Fami 錢包」，消費者使用上有三個好處：第一個是「找整存零」，「全家」會員在結帳收到店員找零時，可以自由選擇要將零錢全數存入 Fami 錢包，也可以找回整鈔、只把零錢存進Fami 錢包。而在儲值流程上，只要跟店員報手機號碼，就能快速完成把錢存進錢包。\n        p 第二個是「隨買跨店取轉儲」，會員在APP上購買的隨買跨店取商品優惠到期時，若會員沒有在期限內把商品兌換完畢或遇到商品停售的狀況，未兌換的商品金額就會退儲至 Fami 錢包，讓會員可以進一步活用消費金額。\n        p 第三個是「免綁卡」，只要是「全家」會員就能使用 Fami 錢包，不需要額外綁卡，讓所有年齡層的會員都可以輕鬆使用！\n        fieldset\n          legend 關鍵數字\n          p My FamiPay 線下支付已達 3,700 多家店鋪導入行動支付\n      v-article\n        h4\n          | 摩斯漢堡\n          sub 讓顧客用 APP 線上訂餐付款，到店不用等就取餐\n        img(src='@/assets/sense-1-article-4-banner.jpg', alt='摩斯漢堡 讓顧客用 APP 線上訂餐付款，到店不用等就取餐')\n        p 去餐廳最討厭很餓或很趕時間的情況下，還要大排長龍等待點餐！\n        p 摩斯漢堡的「MOS APP」線上訂餐服務功能，讓顧客可以在家裡、車上、辦公室或在街上走路時，打開 MOS APP 能直接線上點餐並完成付款，接著走到門市的「預約取餐」櫃檯，告知店員「訂單編號」和「手機末三碼」，就能快速拿到餐點。\n        p 舉例來說，上班族工作很忙碌，中午可能只有短暫時間能吃點東西，緊接著下午的會議又快要開始，如果想要吃公司附近的摩斯，就可以在辦公室先打開APP點餐，走到摩斯的時候，摩斯早已準備好餐點讓顧客拿了就走。\n        p 摩斯應用了全台活躍用戶高達2,300萬人的LINE平台來建立更精確的顧客連結，整合「MOS LINE@」擴大會員基礎。並由「MOS LINE@」串接了會員系統，透過會員資料分析會員輪廓，進行目標客群的設定，再結合「LBS行動定位功能」進行分眾行銷，根據顧客的所在位置推播行銷訊息。顧客在「MOS LINE@」看到了切合自己需求的行銷優惠訊息後，就很順暢的點去下載或直接打開「MOS APP」進行線上點餐，或是預購電子餐券、禮物卡，再到實體門市完成線上導流到線下的O2O消費。\n        p 顧客用 MOS APP 裡的電子錢包支付後，消費金額還能累積轉換成「MOS 金點」，下次訂餐就能利用點數折抵消費。摩斯更善用顧客消費數據分析，未來將推出禮物卡、電子預售餐券及點數回饋機制，進一步擴大行動支付的應用，精準做到導客回流。\n        p 比如說摩斯會員Jimmy已累積了「MOS 金點」4點，有一天Jimmy正在中午時間走在一家摩斯門市附近，摩斯就可以透過會員系統精準推播訊息給Jimmy：「您的MOS 金點4點已可兌換您喜歡的雙層摩斯吉士漢堡！」Jimmy點開手機訊息後，可能就開心地走去兌換雙層摩斯吉士漢堡，順道又多點了一個套餐，增加摩斯的營收金額。\n        fieldset\n          legend 關鍵數字\n          p 摩斯漢堡全國 285 家分店優化結帳程序，縮短使用者等待時間\n      v-article\n        h4\n          | 威許移動\n          sub 為品牌店家的熟客打造「專屬電子錢包」\n        img(src='@/assets/sense-1-article-5-banner.jpg', alt='威許移動 為品牌店家的熟客打造「專屬電子錢包」')\n        p 隨時想去熟識的店家喝杯咖啡、吃吃美食、逛逛買東西，不用帶錢包，也不用帶一張張的會員卡片出門，多好！\n        p 威許移動為85度C、康青龍餐飲、環球購物中心等各連鎖零售店家建置專屬的「會員行動電子錢包加值服務」，消費者只要下載品牌的專屬電子錢包APP，並選擇「綁定信用卡」或是「儲值」，之後每次結帳都不用掏現金、不用出示實體會員卡，也不需要輸入繁複的信用卡號或銀行簡訊驗證碼，只要給店員掃一下QR Code，支付、折抵、累點一次到位。\n        p 當支付流程變得更簡單，就會提升顧客的購買意願。威許移動透過蒐集分析會員使用電子錢包消費的大數據，還能進一步提供店家針對不同的會員，進行精準分眾行銷服務，當推送給顧客的行銷訊息總是貼合顧客當下的生活需求，顧客就會有立即回店消費的衝動，也會在顧客心中存下「你真懂我」的品牌好感度，增加顧客對連鎖零售店家品牌的黏著度。\n        p 連鎖零售店家若有意願導入「會員行動電子錢包」，不用擔心會需要額外放置新的刷卡機或支付機器而佔用店家門市空間。威許移動能讓店家透過既有的POS機台，做簡單的整合串接，就能啟用「會員行動電子錢包」來服務顧客，讓店家越來越多的顧客變成「熟客」。\n        fieldset\n          legend 關鍵數字\n          p 達成參與的品牌門店數達 1,659 家\n      v-article\n        h4\n          | 小三美日\n          sub 透過「美幣集點」和「一元換購」黏住顧客\n        img(src='@/assets/sense-1-article-6-banner.jpg', alt='小三美日 透過「美幣集點」和「一元換購」黏住顧客')\n        p 讓自己變美、持續美，幾乎是每天都要做的事。如果消費者找到一家有信任感和歸屬感的品牌店家，通常就會忠誠黏著非常多年。\n        p 小三美日瞄準的目標客群為 15 到 35 歲的女性消費者，很符合目前統計具使用行動支付習慣且同時具購買力的消費客群。小三美日透過各類獎勵方案，養成消費者使用行動支付的習慣。\n        p 例如小三美日的 VIP/VVIP 到店進行購買，結帳時可以使用 Apple Pay、Google Pay、Samsung Pay、Line Pay、支付寶、微信支付、街口支付等多元的行動支付付款，小三美日再透過自行研發的 CRM 系統讓行動支付的消費數據與會員身份連結在一起，店員會告知會員多加 1 元可兌換禮品，而會員在獎勵期間的消費仍然可以進行美幣積點，消費 1 元獲得 1 個美幣，每 100 美幣可折抵消費新台幣 1 元，吸引會員再次消費。\n        p 小三美日也提升了國外旅客購物的便利性，支援 Apple Pay、Google Pay 與 Samsung Pay 等 NFC 行動支付服務，可以讓全球各地擁有 NFC 規格行動裝置的國外旅客方便地進行結帳。支付寶與微信支付則是主要服務中國、香港和澳門的旅客，讓他們可以使用習慣的無現金支付。\n        fieldset\n          legend 關鍵數字\n          p 累積活躍會員數達 356 萬名\n      v-article\n        h4\n          | 寶島眼鏡\n          sub 透過會員消費數據，精準推播回購訊息\n        img(src='@/assets/sense-1-article-7-banner.jpg', alt='寶島眼鏡 透過會員消費數據，精準推播回購訊息')\n        p 視力保健對每一個人都是人生一輩子中很重要的事，因此很需要一家懂得自己需求、貼心服務、令人信賴的眼鏡行。\n        p 寶島眼鏡以全新研發自有行動支付「EYE⁺Pay」為核心發展了包括「智慧引客」、「便利支付」、「數據應用」等三大應用，改變寶島眼鏡過去只是銷售通路的角色，逐漸成為忠誠顧客心中的「地方社區視力預防矯正保母」。\n        p 寶島眼鏡如何做到「智慧引客」？「鏡架使用時間」約為1到3年，寶島眼鏡會根據會員的配鏡消費記錄，「每兩年」透過APP發出「貼心回購提醒」。甚至還會依據會員喜好做適性化的推播導購，例如會員曾經買過的隱形眼鏡品牌出了新商品或有新折扣，寶島眼鏡就能推播行銷訊息導客到店購買。\n        p 做到了「智慧引客」之後，更需要有「便利支付」讓顧客順暢的結帳。寶島眼鏡EYE⁺Pay讓顧客可以在APP裡綁定信用卡迅速付款，付完款後直接累積會員點數，會員點數可以在下次購買時折抵消費金額，再次購買後又再次累積點數，就持續埋下了讓顧客有持續回來消費折抵的動機。\n        p 在鼓勵顧客初次使用「行動支付」上，寶島眼鏡有很具誘因的推廣策略。從自己的顧客關係管理（CRM）系統裡找出一般、白金及鑽石會員，分別推播行動支付推廣訊息。例如「一般會員」在生日期間如果用行動支付的方式結帳，就能獲得500元配鏡購物金；針對消費力高的白金與鑽石會員，寶島會發送專屬的EDM，提醒白金與鑽石會員在活動期間首次使用行動支付方式結帳就能獲得獨家200元、1000元不等的回饋購物金。\n        p 寶島眼鏡還善用「EYE⁺Pay」大數據進行分析，了解會員習性、消費習慣。而「分析數據」還不夠，重要的是「數據應用」，寶島眼鏡會「每半年」發一次「驗光提醒」，提醒會員定期做視力檢查，寶島眼鏡公司內部就會透過會員的視力資料庫，做為門市鏡片度數的備貨參考。寶島眼鏡長期觀察會員運用「EYE⁺Pay」的消費趨勢，例如觀察到某些特殊色的隱形眼鏡或是多焦點鏡片銷售得特別好，就可以做為公司內部產品開發方向及銷售策略的參考。\n        p 此外，寶島眼鏡除了在自己的門市推廣應用「EYE⁺Pay」之外，還整合了包括醫美診所、眼科診所、點數業者、零售電商、支付業者等五大異業，以及同業策略聯盟通路一起推動行動支付的普及。例如寶島眼鏡與諾貝爾眼科診所合作，只要是諾貝爾眼科介紹到寶島眼鏡門市的消費者，使用「EYE⁺Pay」行動支付即可享優惠，提升了寶島眼鏡會員使用服務的黏著度。\n        fieldset\n          legend 關鍵數字\n          p 顧客資料約 600萬筆，其中 220萬成為寶島眼鏡會員，高達 7成是活躍會員\n      .summary\n        h5 適合使用「會員服務加值模式」的中小企業類型\n        ul\n          li 具備固定客源的中小型連鎖品牌企業，如：品牌手搖飲、品牌餐廳。可藉由行動支付衍生的點數服務、會員專屬回饋服務，提升顧客回購率。\n          li 串聯或發展自己的行動支付工具、決定支付回饋機制，整合會員系統來強化企業與客戶的連結，並提供企業客戶服務。\n</template>\n\n<script>\nimport VSense from '@/views/Sense.vue'\nimport VArticle from '@/components/Article.vue'\n\nexport default {\n  components: {\n    VSense,\n    VArticle,\n  },\n  name: 'Sense1',\n}\n</script>\n\n<style lang=\"sass\" scoped>\n@import '~@/mixin.sass'\n\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--11-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Sense1.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--11-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Sense1.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Sense1.vue?vue&type=template&id=15e74122&scoped=true&lang=pug&\"\nimport script from \"./Sense1.vue?vue&type=script&lang=js&\"\nexport * from \"./Sense1.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Sense1.vue?vue&type=style&index=0&id=15e74122&lang=sass&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"15e74122\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-sense',{attrs:{\"background\":require(\"@/assets/sense-2-banner.jpg\"),\"id\":\"v-sense2\"},scopedSlots:_vm._u([{key:\"title\",fn:function(){return [_c('h2',[_vm._v(\"給顧客\"),_c('strong',[_vm._v(\"「便利感」\")])])]},proxy:true},{key:\"sub\",fn:function(){return [_c('label',[_vm._v(\"隨性自選愛用的支付APP\")])]},proxy:true},{key:\"content\",fn:function(){return [_c('section',[_c('div',{staticClass:\"container\"},[_c('h3',[_vm._v(\"行動支付的「聚合支付整合模式」\")]),_c('blockquote',[_vm._v(\"「旅行時買伴手禮不用自己提、超市購物結帳不用帶現金！生活因為行動支付變得更便利，能讓人把精神放在人生中更重要的事。」\")]),_c('p',[_vm._v(\"讓顧客使用他手機裡原本就已經安裝啟用的行動支付工具例如台灣Pay、LINE Pay、 街口支付、Apple Pay、Samsung Pay、Apple Pay等來結帳付款，對顧客來說已經是反射性的熟悉動作，不用掏錢包，打開APP靠過來就完成結帳，享受生活的便利。\")]),_c('p',[_vm._v(\"「聚合支付整合模式」一般多是協助「具連鎖零售門店性質」的中小企業，透過第三方業者整合多種支付工具，彙整支付後端相關業者，把「\"),_c('strong',[_vm._v(\"多種支付收單方式\")]),_vm._v(\"」包裹後提供給中小型企業「\"),_c('strong',[_vm._v(\"進行 POS 整合\")]),_vm._v(\"」，來降低店家導入「多元支付」的門檻，除了讓顧客結帳時有更多元的支付選擇之外，對於門市營運上也能有效降低現金存錢、換零錢、對帳的問題。\")]),_c('hr'),_c('v-article',[_c('h4',[_vm._v(\"直流電通iCarry\"),_c('sub',[_vm._v(\"讓顧客享受旅遊買名產伴手禮免自提\")])]),_c('img',{attrs:{\"src\":require(\"@/assets/sense-2-article-1-banner.jpg\"),\"alt\":\"直流電通iCarry 讓顧客享受旅遊買名產伴手禮免自提\"}}),_c('p',[_vm._v(\"旅行時，輕鬆逛街購物、不用自己大包小包提著購物袋的「旅行購物style」已經實現！\")]),_c('p',[_vm._v(\"直流電通透過與伴手禮零售業者、金流業者、物流業者等跨業合作，解決了旅客在旅行中想購買伴手禮時，多元支付與輕鬆取貨的需求。\")]),_c('p',[_vm._v(\"比如說，旅客在台中旅行時逛到大甲芋頭酥覺得超好吃，想多買幾盒回家吃或送朋友，如果這家是有導入「 iCarryGo 行動支付服務」的店家，旅客選好商品後到櫃檯結帳，透過直流電通的「 iCarryGo 行動支付服務」完成付款後，系統會即時印出兩張帶有QR Code的小白單，一張請旅客用手機掃瞄小白單上的QR Code，自行填寫配送地址，例如填寫飯店地址；另一張則是讓店員直接貼在商品貨物箱上，物流人員直接掃瞄箱子上的QR Code，就會看到旅客填寫的配送地址是哪家飯店幾號房，接著商品就會自行送到飯店，旅客就能繼續從容的逛下一家。\")]),_c('p',[_vm._v(\"對伴手禮店家而言，iCarry 提供的旅遊零售商家智慧升級服務，將多種行動支付工具整合到單一台MPOS行動刷卡機中，改變過去門市店員要使用不同支付工具為顧客結帳就要學習不同機台的麻煩，節省了店家進行導入各式行動支付的教育訓練時間成本，結帳櫃檯桌面也不用放一大堆的支付收款機器，並提供整合交易後台，帳務報表一目瞭然，讓店家對帳作業更有效率。\")]),_c('p',[_vm._v(\"在物流配送服務上，對店家而言也很省力方便。透過「 iCarryGo 行動支付服務」，店員不需要再花時間為客人填寫物流配送單，如果旅客對商品運送有疑問，客服電話也會直接接通至 iCarry 的客服人員，減少店家投入在處理物流客服的人力成本。\")]),_c('p',[_vm._v(\"直流電通在協助伴手禮店家增加銷售營收上還有一大優勢：iCarry 本身就是一個線上伴手禮商城，可協助店家在網路上銷售他們的特色商品。iCarry 商城在行銷對象上主要是設定在海外市場的華人，透過在海外精準投放廣告，以及與當地網紅KOL合作，讓海外華人知道，在iCarry 可以一站式購足想念或嚮往的台灣滋味，也讓許多傳統伴手禮店家能夠透過 iCarry 找到他們在台灣門市接觸不到的顧客。\")]),_c('p',[_vm._v(\"根據直流電通進行的消費數據分析，導入「 iCarryGo 行動支付服務」的店家，同時搭配iCarry線上伴手禮商城曝光，可提升回購銷售比率達34％。目前也已有至少 247 家的伴手禮店家導入了「 iCarryGo 行動支付服務」。\")]),_c('fieldset',[_c('legend',[_vm._v(\"關鍵數字\")]),_c('p',[_vm._v(\"服務使用已達 77 萬人次\")])])]),_c('v-article',[_c('h4',[_vm._v(\"頂好Wellcome\"),_c('sub',[_vm._v(\"不管購物車裝多少，結帳時手機靠過來就好\")])]),_c('img',{attrs:{\"src\":require(\"@/assets/sense-2-article-2-banner.jpg\"),\"alt\":\"頂好Wellcome 不管購物車裝多少，結帳時手機靠過來就好\"}}),_c('p',[_vm._v(\"到頂好超市買菜、買生活用品時，走到結帳櫃檯可以看到頂好接受各式各樣的支付方式，看顧客的手機裡有哪種支付APP，想用什麼就用什麼付！\")]),_c('p',[_vm._v(\"以經營頂好Wellcome超市為主的惠康百貨在商場中推出多元且簡便的行動支付，主要是為了提升顧客的消費體驗、增加不同客群、減少收取現金的風險與增加管理的效率。\")]),_c('p',[_vm._v(\"頂好超市由總部統一建置安全的「行動支付付款閘道系統」，在整合各種行動支付上，頂好超市讓收銀機系統以「簡化操作」為原則，無論消費者指定要用街口支付、悠遊付、LINE Pay還是其他行動支付方式結帳，收銀員只須要「一個按鈕」啟動行動支付服務，再用條碼機掃一下消費者手機秀出的條碼，收銀系統就會自行判讀消費者是使用哪一家行動支付的條碼，與不同的支付業者進行交易必要資料安全識別完成收款，街口支付也做到掃碼收款同時完成發票歸戶作業，大幅節省了收銀員進行結帳的時間，後續也能做到資料集中管理與帳務核對。\")]),_c('p',[_vm._v(\"在超市加速普及行動支付上，頂好的策略是與積極推動行銷的支付業者合作一系列優惠活動，給予消費者使用行動支付結帳的誘因，例如與支付業者搭配「消費滿額點數加倍回饋」、「消費滿額當季商品贈送」等活動，除了吸引消費者使用行動支付付款，也拉抬了客單價達到翻倍的成長。\")]),_c('p',[_vm._v(\"頂好在推動行動支付時，還有一個在消費者服務上非常貼心的配套措施。有些頂好超市因為是在地下室，消費者手機接收的網路訊號可能比較弱，頂好就提供場地給電信業者設置強波器，增強超市現場的網路訊號，讓消費者可以順暢的使用行動支付。\")]),_c('fieldset',[_c('legend',[_vm._v(\"關鍵數字\")]),_c('p',[_vm._v(\"行動支付單月交易筆數高達 34.7萬筆\")])])]),_c('div',{staticClass:\"summary\"},[_c('h5',[_vm._v(\"適合使用「聚合支付服務」的中小企業類型\")]),_c('ul',[_c('li',[_vm._v(\"適用於已經導入多種支付工具的中小型餐飲業與零售業\")]),_c('li',[_vm._v(\"透過第三方業者，整合多種支付工具，彙整支付後端相關業者，可把支付包裹後提供給中小型企業，來降低店家導入門檻及提供更多元的支付服務。\")])])])],1)])]},proxy:true}])})}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template lang=\"pug\">\nv-sense(:background='require(\"@/assets/sense-2-banner.jpg\")')#v-sense2\n  template(#title)\n    h2\n      | 給顧客\n      strong 「便利感」\n  template(#sub)\n    label 隨性自選愛用的支付APP\n  template(#content)\n    section: .container\n      h3 行動支付的「聚合支付整合模式」\n      blockquote 「旅行時買伴手禮不用自己提、超市購物結帳不用帶現金！生活因為行動支付變得更便利，能讓人把精神放在人生中更重要的事。」\n      p 讓顧客使用他手機裡原本就已經安裝啟用的行動支付工具例如台灣Pay、LINE Pay、 街口支付、Apple Pay、Samsung Pay、Apple Pay等來結帳付款，對顧客來說已經是反射性的熟悉動作，不用掏錢包，打開APP靠過來就完成結帳，享受生活的便利。\n      p\n        | 「聚合支付整合模式」一般多是協助「具連鎖零售門店性質」的中小企業，透過第三方業者整合多種支付工具，彙整支付後端相關業者，把「\n        strong 多種支付收單方式\n        | 」包裹後提供給中小型企業「\n        strong 進行 POS 整合\n        | 」，來降低店家導入「多元支付」的門檻，除了讓顧客結帳時有更多元的支付選擇之外，對於門市營運上也能有效降低現金存錢、換零錢、對帳的問題。\n      hr\n      v-article\n        h4\n          | 直流電通iCarry\n          sub 讓顧客享受旅遊買名產伴手禮免自提\n        img(src='@/assets/sense-2-article-1-banner.jpg', alt='直流電通iCarry 讓顧客享受旅遊買名產伴手禮免自提')\n        p 旅行時，輕鬆逛街購物、不用自己大包小包提著購物袋的「旅行購物style」已經實現！\n        p 直流電通透過與伴手禮零售業者、金流業者、物流業者等跨業合作，解決了旅客在旅行中想購買伴手禮時，多元支付與輕鬆取貨的需求。\n        p 比如說，旅客在台中旅行時逛到大甲芋頭酥覺得超好吃，想多買幾盒回家吃或送朋友，如果這家是有導入「 iCarryGo 行動支付服務」的店家，旅客選好商品後到櫃檯結帳，透過直流電通的「 iCarryGo 行動支付服務」完成付款後，系統會即時印出兩張帶有QR Code的小白單，一張請旅客用手機掃瞄小白單上的QR Code，自行填寫配送地址，例如填寫飯店地址；另一張則是讓店員直接貼在商品貨物箱上，物流人員直接掃瞄箱子上的QR Code，就會看到旅客填寫的配送地址是哪家飯店幾號房，接著商品就會自行送到飯店，旅客就能繼續從容的逛下一家。\n        p 對伴手禮店家而言，iCarry 提供的旅遊零售商家智慧升級服務，將多種行動支付工具整合到單一台MPOS行動刷卡機中，改變過去門市店員要使用不同支付工具為顧客結帳就要學習不同機台的麻煩，節省了店家進行導入各式行動支付的教育訓練時間成本，結帳櫃檯桌面也不用放一大堆的支付收款機器，並提供整合交易後台，帳務報表一目瞭然，讓店家對帳作業更有效率。\n        p 在物流配送服務上，對店家而言也很省力方便。透過「 iCarryGo 行動支付服務」，店員不需要再花時間為客人填寫物流配送單，如果旅客對商品運送有疑問，客服電話也會直接接通至 iCarry 的客服人員，減少店家投入在處理物流客服的人力成本。\n        p 直流電通在協助伴手禮店家增加銷售營收上還有一大優勢：iCarry 本身就是一個線上伴手禮商城，可協助店家在網路上銷售他們的特色商品。iCarry 商城在行銷對象上主要是設定在海外市場的華人，透過在海外精準投放廣告，以及與當地網紅KOL合作，讓海外華人知道，在iCarry 可以一站式購足想念或嚮往的台灣滋味，也讓許多傳統伴手禮店家能夠透過 iCarry 找到他們在台灣門市接觸不到的顧客。\n        p 根據直流電通進行的消費數據分析，導入「 iCarryGo 行動支付服務」的店家，同時搭配iCarry線上伴手禮商城曝光，可提升回購銷售比率達34％。目前也已有至少 247 家的伴手禮店家導入了「 iCarryGo 行動支付服務」。\n        fieldset\n          legend 關鍵數字\n          p 服務使用已達 77 萬人次\n      v-article\n        h4\n          | 頂好Wellcome\n          sub 不管購物車裝多少，結帳時手機靠過來就好\n        img(src='@/assets/sense-2-article-2-banner.jpg', alt='頂好Wellcome 不管購物車裝多少，結帳時手機靠過來就好')\n        p 到頂好超市買菜、買生活用品時，走到結帳櫃檯可以看到頂好接受各式各樣的支付方式，看顧客的手機裡有哪種支付APP，想用什麼就用什麼付！\n        p 以經營頂好Wellcome超市為主的惠康百貨在商場中推出多元且簡便的行動支付，主要是為了提升顧客的消費體驗、增加不同客群、減少收取現金的風險與增加管理的效率。\n        p 頂好超市由總部統一建置安全的「行動支付付款閘道系統」，在整合各種行動支付上，頂好超市讓收銀機系統以「簡化操作」為原則，無論消費者指定要用街口支付、悠遊付、LINE Pay還是其他行動支付方式結帳，收銀員只須要「一個按鈕」啟動行動支付服務，再用條碼機掃一下消費者手機秀出的條碼，收銀系統就會自行判讀消費者是使用哪一家行動支付的條碼，與不同的支付業者進行交易必要資料安全識別完成收款，街口支付也做到掃碼收款同時完成發票歸戶作業，大幅節省了收銀員進行結帳的時間，後續也能做到資料集中管理與帳務核對。\n        p 在超市加速普及行動支付上，頂好的策略是與積極推動行銷的支付業者合作一系列優惠活動，給予消費者使用行動支付結帳的誘因，例如與支付業者搭配「消費滿額點數加倍回饋」、「消費滿額當季商品贈送」等活動，除了吸引消費者使用行動支付付款，也拉抬了客單價達到翻倍的成長。\n        p 頂好在推動行動支付時，還有一個在消費者服務上非常貼心的配套措施。有些頂好超市因為是在地下室，消費者手機接收的網路訊號可能比較弱，頂好就提供場地給電信業者設置強波器，增強超市現場的網路訊號，讓消費者可以順暢的使用行動支付。\n        fieldset\n          legend 關鍵數字\n          p 行動支付單月交易筆數高達 34.7萬筆\n      .summary\n        h5 適合使用「聚合支付服務」的中小企業類型\n        ul\n          li 適用於已經導入多種支付工具的中小型餐飲業與零售業\n          li 透過第三方業者，整合多種支付工具，彙整支付後端相關業者，可把支付包裹後提供給中小型企業，來降低店家導入門檻及提供更多元的支付服務。\n</template>\n\n<script>\nimport VSense from '@/views/Sense.vue'\nimport VArticle from '@/components/Article.vue'\n\nexport default {\n  components: {\n    VSense,\n    VArticle,\n  },\n  name: 'Sense2',\n}\n</script>\n\n<style lang=\"sass\" scoped>\n@import '~@/mixin.sass'\n\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--11-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Sense2.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--11-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Sense2.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Sense2.vue?vue&type=template&id=efeb9bf2&scoped=true&lang=pug&\"\nimport script from \"./Sense2.vue?vue&type=script&lang=js&\"\nexport * from \"./Sense2.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Sense2.vue?vue&type=style&index=0&id=efeb9bf2&lang=sass&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"efeb9bf2\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-sense',{attrs:{\"background\":require(\"@/assets/sense-3-banner.jpg\"),\"id\":\"v-sense3\"},scopedSlots:_vm._u([{key:\"title\",fn:function(){return [_c('h2',[_vm._v(\"給用戶\"),_c('strong',[_vm._v(\"「簡單感」\")])])]},proxy:true},{key:\"sub\",fn:function(){return [_c('label',[_vm._v(\"收付款都可以用行動支付\")])]},proxy:true},{key:\"content\",fn:function(){return [_c('section',[_c('div',{staticClass:\"container\"},[_c('h3',[_vm._v(\"行動支付的「數位服務優化模式」\")]),_c('blockquote',[_vm._v(\"「在生活中的某些事，我們已經習慣固定的做法，但在某一個moment會發現，原來改變一下用另一個方式，做起來就更簡單了。」\")]),_c('p',[_vm._v(\"「數位服務優化模式」透過將原本傳統的支付流程進行轉變，\"),_c('strong',[_vm._v(\"優化特定領域或是場域的支付環節\")]),_vm._v(\"，例如顧客除了用APP叫計程車並付款外，也可以很簡單的用同一個APP預約居家清潔或衣物送洗，提升服務的效率。\")]),_c('p',[_vm._v(\"或是就像顧客在美髮沙龍做頭髮後，想買特定品牌的洗髮護髮品，如果身上的現金帶不夠，也能讓顧客可以簡單的用行動支付。\")]),_c('p',[_vm._v(\"這種在跨足異業整合的過程中，通常會結合多種點數優惠，例如回饋里程、Happy Go、UUPON 點數等。藉由消費獲得點數，而點數又可做為折抵資費的方式，締造經濟循環模式。\")]),_c('hr'),_c('v-article',[_c('h4',[_vm._v(\"台灣大車隊\"),_c('sub',[_vm._v(\"讓乘客拿手機掃一下前方螢幕QR Code就完成付款\")])]),_c('img',{attrs:{\"src\":require(\"@/assets/sense-3-article-1-banner.jpg\"),\"alt\":\"台灣大車隊 讓乘客拿手機掃一下前方螢幕QR Code就完成付款\"}}),_c('p',[_vm._v(\"「本趟車資共210元。」現在搭計程車再也不用擔心身上現金沒帶夠，在抵達目的地之後，都可以在車內用自己的行動支付工具簡單迅速完成付款。\")]),_c('p',[_vm._v(\"台灣大車隊透過建立聚合優惠支付平台，將各家行動支付廠商的收款通道，都統一整合進同一個共用QR Code裡，乘客確認付款金額時，打開自己的行動支付APP掃一下車內螢幕中的QR Code，就能簡單付款。\")]),_c('p',[_vm._v(\"在推廣「乘客」使用行動支付的方面，消費者搭計程車不但免帶錢包，還能將各式各樣的點數獎勵或累積哩程變車資，透過「聚合優惠」的概念，讓各家的優惠能夠「堆疊」使用，形成打「群架」的模式，將各家行動支付業者回饋的優惠結合信用卡紅利、點數平台、航空里程等「同質但不同行」的優惠，凝聚成消費者「有感」的優惠回饋，如UUPON、Happy GO、Asia Miles等，讓消費者因為感受到簡單和省錢，更有意願使用行動支付。台灣大車隊也透過與網路平台momo合作行銷，由民眾最熟悉的電視購物平台出發，以「電子酬賓券（搭車金）」活動吸引消費者使用行動支付。\")]),_c('p',[_vm._v(\"在推廣「司機」使用行動支付的方面，台灣大車隊透過優化資訊流讓司機在第二天就能提領現金，更進一步開發了「司機專屬電子錢包」讓司機可以在台灣大車隊合作的加油站、保修廠等特約廠商，直接使用專屬電子錢包付款，還能獲得優惠與折扣，大大的提升司機端接受行動支付之意願。\")]),_c('p',[_vm._v(\"台灣大車隊也持續建構國際旅客來台的行動支付應用系統，因應「後疫情時代」國際旅客來台有著避免用現金以降低接觸的行動支付高度需求，台灣大車隊也提供更多種國外旅客來台時可以使用自己慣用的行動支付，例如韓國或中國遊客搭台灣大車隊時，已經可以用HANA電子錢包或銀聯雲閃付電子錢包來付車資，貼心的為國外旅客免去兌換新台幣的麻煩，讓觀光客可以輕鬆遊台灣。\")]),_c('p',[_vm._v(\"因為疫情的關係，很多乘客已經建立無現金支付習慣，台灣大車隊透過打造最貼心的全方位支付體驗，讓享受零接觸支付變得便利又輕鬆，除了提供乘客綁定信用卡、電子支付等多元支付服務，更全面提供悠遊卡、敬老愛心卡，結合台北、桃園、台中的相關社福搭車優惠，全面照護有各類付款需求的民眾。\")]),_c('fieldset',[_c('legend',[_vm._v(\"關鍵數字\")]),_c('p',[_vm._v(\"2020年1至9月，數據顯示乘客使用無現金支付比例大增35%。【台灣大車隊2020年第三季乘車大數據黃皮書】\")])])]),_c('v-article',[_c('h4',[_vm._v(\"歐萊德\"),_c('sub',[_vm._v(\"讓顧客付款更方便，也幫美髮沙龍減少現金收付的成本風險\")])]),_c('img',{attrs:{\"src\":require(\"@/assets/sense-3-article-2-banner.jpg\"),\"alt\":\"歐萊德 讓顧客付款更方便，也幫美髮沙龍減少現金收付的成本風險\"}}),_c('p',[_vm._v(\"當行動支付讓消費成為一件更簡單的事情，就能促進使用者消費的欲望！\")]),_c('p',[_vm._v(\"歐萊德的實體通路客戶分成兩大類，第一類是到歐萊德直營門市購買髮品的消費者（B2C），第二類則是使用歐萊德髮品的美髮沙龍業者與美髮沙龍業者顧客（B2B2C）。歐萊德希望透過行動支付的導入，為這兩大類客戶提升交易效率及便利，協助美髮沙龍業者降低現金管理收付的成本，與收到假鈔的風險。\")]),_c('p',[_vm._v(\"在「歐萊德品牌直營門市」導入行動支付上，歐萊德會以「優惠方案」吸引顧客使用行動支付結帳，例如「使用行動支付可享有贈送小禮品」。對於沒有使用行動支付經驗的顧客，歐萊德的店員會親切的協助顧客在手機安裝設定行動支付例如LINE Pay，更會一個步驟一個步驟的教學引導顧客操作，店員也會運用貼合歐萊德友善環境品牌形象的溝通方式，讓顧客理解使用「行動支付」的另一個好處是可以同時使用「電子發票」，一起邁向「無紙化生活」保護環境。\")]),_c('p',[_vm._v(\"在對「美髮沙龍業者」推廣行動支付上，歐萊德則是設計並導入了「電子帳單平台」與「行動支付方案」。沙龍美髮業者原本向歐萊德採購髮品的模式，是月結以現金、刷卡或於超商代收付等方式支付歐萊德貨款。歐萊德現在改以「電子帳單平台」，用網頁（採用RWD響應式網頁設計，自動開啟電腦版或手機版網頁）或APP傳送「本期應收帳單」金額與明細給美髮沙龍業者，並在「電子帳單平台」直接串接了「行動支付方案」包括「LINE Pay」及「超商繳款」供沙龍業者直接線上付款，大為減少現金收付的成本與風險。\")]),_c('p',[_vm._v(\"歐萊德也輔導「美髮沙龍業者」導入行動支付供店內消費的顧客使用，顧客就算身上現金帶得不夠，仍然可以想添購什麼髮品就買什麼。比如說Kelly常常會去一家美髮沙龍染髮剪髮，染完頭髮之後會需使用特別的「護色洗髮精」產品，Kelly如果想買下剛剛造型師推薦她的歐萊德香檳玫瑰護色洗髮精，卻發現現金帶得不夠時，並非只能放棄購買，Kelly在當下就可以使用LINE Pay行動支付購買那瓶歐萊德香檳玫瑰護色洗髮精，而這筆消費記錄也會自動進入歐萊德提供給美髮沙龍業者的「電子帳單平台」。導入行動支付，不僅讓顧客覺得方便，也同時提升了美髮沙龍業者與歐萊德的營收。\")]),_c('fieldset',[_c('legend',[_vm._v(\"關鍵數字\")]),_c('p',[_vm._v(\"導入店家1085家\")])])]),_c('div',{staticClass:\"summary\"},[_c('h5',[_vm._v(\"適合使用「數位服務優化模式」的中小企業類型\")]),_c('ul',[_c('li',[_vm._v(\"適用於支付流程關卡多的特定領域中小企業，如醫院、診所、交通、車場、油站等，協助中小企業簡化支付流程，提升服務效率。\")])])])],1)])]},proxy:true}])})}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template lang=\"pug\">\nv-sense(:background='require(\"@/assets/sense-3-banner.jpg\")')#v-sense3\n  template(#title)\n    h2\n      | 給用戶\n      strong 「簡單感」\n  template(#sub)\n    label 收付款都可以用行動支付\n  template(#content)\n    section: .container\n      h3 行動支付的「數位服務優化模式」\n      blockquote 「在生活中的某些事，我們已經習慣固定的做法，但在某一個moment會發現，原來改變一下用另一個方式，做起來就更簡單了。」\n      p\n        | 「數位服務優化模式」透過將原本傳統的支付流程進行轉變，\n        strong 優化特定領域或是場域的支付環節\n        | ，例如顧客除了用APP叫計程車並付款外，也可以很簡單的用同一個APP預約居家清潔或衣物送洗，提升服務的效率。\n      p 或是就像顧客在美髮沙龍做頭髮後，想買特定品牌的洗髮護髮品，如果身上的現金帶不夠，也能讓顧客可以簡單的用行動支付。\n      p 這種在跨足異業整合的過程中，通常會結合多種點數優惠，例如回饋里程、Happy Go、UUPON 點數等。藉由消費獲得點數，而點數又可做為折抵資費的方式，締造經濟循環模式。\n      hr\n      v-article\n        h4\n          | 台灣大車隊\n          sub 讓乘客拿手機掃一下前方螢幕QR Code就完成付款\n        img(src='@/assets/sense-3-article-1-banner.jpg', alt='台灣大車隊 讓乘客拿手機掃一下前方螢幕QR Code就完成付款')\n        p 「本趟車資共210元。」現在搭計程車再也不用擔心身上現金沒帶夠，在抵達目的地之後，都可以在車內用自己的行動支付工具簡單迅速完成付款。\n        p 台灣大車隊透過建立聚合優惠支付平台，將各家行動支付廠商的收款通道，都統一整合進同一個共用QR Code裡，乘客確認付款金額時，打開自己的行動支付APP掃一下車內螢幕中的QR Code，就能簡單付款。\n        p 在推廣「乘客」使用行動支付的方面，消費者搭計程車不但免帶錢包，還能將各式各樣的點數獎勵或累積哩程變車資，透過「聚合優惠」的概念，讓各家的優惠能夠「堆疊」使用，形成打「群架」的模式，將各家行動支付業者回饋的優惠結合信用卡紅利、點數平台、航空里程等「同質但不同行」的優惠，凝聚成消費者「有感」的優惠回饋，如UUPON、Happy GO、Asia Miles等，讓消費者因為感受到簡單和省錢，更有意願使用行動支付。台灣大車隊也透過與網路平台momo合作行銷，由民眾最熟悉的電視購物平台出發，以「電子酬賓券（搭車金）」活動吸引消費者使用行動支付。\n        p 在推廣「司機」使用行動支付的方面，台灣大車隊透過優化資訊流讓司機在第二天就能提領現金，更進一步開發了「司機專屬電子錢包」讓司機可以在台灣大車隊合作的加油站、保修廠等特約廠商，直接使用專屬電子錢包付款，還能獲得優惠與折扣，大大的提升司機端接受行動支付之意願。\n        p 台灣大車隊也持續建構國際旅客來台的行動支付應用系統，因應「後疫情時代」國際旅客來台有著避免用現金以降低接觸的行動支付高度需求，台灣大車隊也提供更多種國外旅客來台時可以使用自己慣用的行動支付，例如韓國或中國遊客搭台灣大車隊時，已經可以用HANA電子錢包或銀聯雲閃付電子錢包來付車資，貼心的為國外旅客免去兌換新台幣的麻煩，讓觀光客可以輕鬆遊台灣。\n        p 因為疫情的關係，很多乘客已經建立無現金支付習慣，台灣大車隊透過打造最貼心的全方位支付體驗，讓享受零接觸支付變得便利又輕鬆，除了提供乘客綁定信用卡、電子支付等多元支付服務，更全面提供悠遊卡、敬老愛心卡，結合台北、桃園、台中的相關社福搭車優惠，全面照護有各類付款需求的民眾。\n        fieldset\n          legend 關鍵數字\n          p 2020年1至9月，數據顯示乘客使用無現金支付比例大增35%。【台灣大車隊2020年第三季乘車大數據黃皮書】\n      v-article\n        h4\n          | 歐萊德\n          sub 讓顧客付款更方便，也幫美髮沙龍減少現金收付的成本風險\n        img(src='@/assets/sense-3-article-2-banner.jpg', alt='歐萊德 讓顧客付款更方便，也幫美髮沙龍減少現金收付的成本風險')\n        p 當行動支付讓消費成為一件更簡單的事情，就能促進使用者消費的欲望！\n        p 歐萊德的實體通路客戶分成兩大類，第一類是到歐萊德直營門市購買髮品的消費者（B2C），第二類則是使用歐萊德髮品的美髮沙龍業者與美髮沙龍業者顧客（B2B2C）。歐萊德希望透過行動支付的導入，為這兩大類客戶提升交易效率及便利，協助美髮沙龍業者降低現金管理收付的成本，與收到假鈔的風險。\n        p 在「歐萊德品牌直營門市」導入行動支付上，歐萊德會以「優惠方案」吸引顧客使用行動支付結帳，例如「使用行動支付可享有贈送小禮品」。對於沒有使用行動支付經驗的顧客，歐萊德的店員會親切的協助顧客在手機安裝設定行動支付例如LINE Pay，更會一個步驟一個步驟的教學引導顧客操作，店員也會運用貼合歐萊德友善環境品牌形象的溝通方式，讓顧客理解使用「行動支付」的另一個好處是可以同時使用「電子發票」，一起邁向「無紙化生活」保護環境。\n        p 在對「美髮沙龍業者」推廣行動支付上，歐萊德則是設計並導入了「電子帳單平台」與「行動支付方案」。沙龍美髮業者原本向歐萊德採購髮品的模式，是月結以現金、刷卡或於超商代收付等方式支付歐萊德貨款。歐萊德現在改以「電子帳單平台」，用網頁（採用RWD響應式網頁設計，自動開啟電腦版或手機版網頁）或APP傳送「本期應收帳單」金額與明細給美髮沙龍業者，並在「電子帳單平台」直接串接了「行動支付方案」包括「LINE Pay」及「超商繳款」供沙龍業者直接線上付款，大為減少現金收付的成本與風險。\n        p 歐萊德也輔導「美髮沙龍業者」導入行動支付供店內消費的顧客使用，顧客就算身上現金帶得不夠，仍然可以想添購什麼髮品就買什麼。比如說Kelly常常會去一家美髮沙龍染髮剪髮，染完頭髮之後會需使用特別的「護色洗髮精」產品，Kelly如果想買下剛剛造型師推薦她的歐萊德香檳玫瑰護色洗髮精，卻發現現金帶得不夠時，並非只能放棄購買，Kelly在當下就可以使用LINE Pay行動支付購買那瓶歐萊德香檳玫瑰護色洗髮精，而這筆消費記錄也會自動進入歐萊德提供給美髮沙龍業者的「電子帳單平台」。導入行動支付，不僅讓顧客覺得方便，也同時提升了美髮沙龍業者與歐萊德的營收。\n        fieldset\n          legend 關鍵數字\n          p 導入店家1085家\n      .summary\n        h5 適合使用「數位服務優化模式」的中小企業類型\n        ul\n          li 適用於支付流程關卡多的特定領域中小企業，如醫院、診所、交通、車場、油站等，協助中小企業簡化支付流程，提升服務效率。\n</template>\n\n<script>\nimport VSense from '@/views/Sense.vue'\nimport VArticle from '@/components/Article.vue'\n\nexport default {\n  components: {\n    VSense,\n    VArticle,\n  },\n  name: 'Sense3',\n}\n</script>\n\n<style lang=\"sass\" scoped>\n@import '~@/mixin.sass'\n\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--11-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Sense3.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--11-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Sense3.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Sense3.vue?vue&type=template&id=1bc08e8e&scoped=true&lang=pug&\"\nimport script from \"./Sense3.vue?vue&type=script&lang=js&\"\nexport * from \"./Sense3.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Sense3.vue?vue&type=style&index=0&id=1bc08e8e&lang=sass&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"1bc08e8e\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-sense',{attrs:{\"background\":require(\"@/assets/sense-4-banner.jpg\"),\"id\":\"v-sense4\"},scopedSlots:_vm._u([{key:\"title\",fn:function(){return [_c('h2',[_vm._v(\"給店家\"),_c('strong',[_vm._v(\"「從容感」\")])])]},proxy:true},{key:\"sub\",fn:function(){return [_c('label',[_vm._v(\"服務串聯讓消費體驗再升級\")])]},proxy:true},{key:\"content\",fn:function(){return [_c('section',[_c('div',{staticClass:\"container\"},[_c('h3',[_vm._v(\"行動支付的「商圈微商共推模式」\")]),_c('blockquote',[_vm._v(\"「微型店家運用行動支付平台，共同行銷曝光自家的好商品，讓經營上變得更從容。」\")]),_c('p',[_vm._v(\"過去街區商圈的微型商店大都以「現金」交易為主，無論是收錢或是找零，對商店和顧客雙方都很不方便，同時也沒有合適的工具可以協助共同行銷推廣商圈。\")]),_c('p',[_vm._v(\"「商圈微商共推模式」就是將行動支付導入微型店家，透過行動支付協助街區商圈的店家進行共同行銷，來降低微型店家在行動支付的導入門檻。例如，用行動支付的導入改變消費者現金支付方式，或搭配線上點餐平台，線上點、取時推播的便捷服務，以及不定期釋出電子票券來提高使用意願，結合SEO與地推人員將商圈遊戲化，進行行銷曝光、整體服務形象的提升。\")]),_c('hr'),_c('v-article',[_c('h4',[_vm._v(\"豐趣科技\"),_c('sub',[_vm._v(\"讓旅客拿一支手機，就能自由進出各大旅遊景區\")])]),_c('img',{attrs:{\"src\":require(\"@/assets/sense-4-article-1-banner.jpg\"),\"alt\":\"豐趣科技 讓旅客拿一支手機，就能自由進出各大旅遊景區\"}}),_c('p',[_vm._v(\"以前計畫旅行時，如果不想在景區現場排隊，可能只能先在網路上預購紙本入場券，寄到家裡後再放到背包裡出發去旅行。隨著行動支付的科技越來越進化，現在用手機就能購買「行動票券」，購買完成就收到一個QR Code條碼，到時候在入場時拿手機裡的QR Code給入口服務人員刷一下，就能進場開始逛！\")]),_c('p',[_vm._v(\"豐趣科技運用自建的「目的地旅遊服務平台」，串聯國內各大行動支付服務系統，發展「行動票券與行動支付整合系統」，透過旅行社通路推薦優質旅行體驗行程給國內外自由行的旅客，旅客可以在旅行前在線上使用行動支付購買行動票券，在旅行中出示一下手機中的QR Code即可進場，還能在現場用行動支付以優惠的價格向店家加購旅遊產品或名特產；旅遊商圈的店家則是可以安裝豐趣提供的「行動票券與行動支付收款APP――豐支付APP」，就能快速、便捷的導入行動票券核銷與支付收款服務，少了購買硬體設備的成本，也降低店員教育訓練的成本，店家後續也只要跟豐趣對帳即可，不用花時間分別與各家旅行社對帳收款。\")]),_c('p',[_vm._v(\"這樣的創新行動票券與支付整合服務模式，成功打造了知名風景區、行動支付業者，以及風景區週邊中小型店家互利共生的商業服務生態系。另外，豐趣科技本身除了提供交通部觀光局台灣好玩卡服務的共通平台外，也是北北基與中台灣好玩卡之營運廠商，在平台上已經有超過 2,000 個旅遊服務店家、1,000 個以上獨特的旅遊服務商品及 250 個行動支付收款店家，其中獨家合作的公部門場館包含故宮博物院、士林官邸、兒童新樂園、野柳地質公園、淡水古蹟博物館、基隆和平島、12個國家森林遊樂區及烏來台車門票，還有熱門銷售的101景觀台、美麗華摩天輪、九族文化村、日月潭纜車票及日月潭遊湖船票，以及九份地區茶餐廳等供旅客自由選購。\")]),_c('p',[_vm._v(\"店家除了在現場提供旅客便捷的「行動票券與行動支付」服務之外，更需要有力的行銷導客資源，讓更多旅客知道並方便購買店家的優質旅遊商品。豐趣科技為商圈打造了一個「區域商家共好」的行銷導流入口網站，並積極經營「搜尋引擎最佳化（SEO）」，讓旅客在網路上搜尋旅程中必吃、必玩推薦時，有更高的機率會搜尋到豐趣科技為店家打造的「區域商家共好」行銷網站。網站裡不僅有交通推薦、必訪景點介紹，更有必吃店家推薦、行動支付收款店家清單等，旅客就可以根據自己的需求直接在網站預購「行動票券」，開啟一場不用帶太多現金、無紙本票券的輕鬆旅程。\")]),_c('p',[_vm._v(\"豐趣也採用「獎勵方案」鼓勵店家積極對旅客推廣行動支付，讓店家支付的「行動支付手續費」能夠轉換成在「區域商家共好」網站的行銷曝光版位，店家透過行動支付收的款越多，得到的行銷曝光機會就越多，也吸引更多旅客到店消費。\")]),_c('p',[_vm._v(\"在對國際旅客行銷的部分，豐趣則是依據景點週邊的路順原則、主題性及旅客需求，與週邊店家以及行動支付業者洽談提供給旅客的優惠方案，例如旅客只要購買特定景區行動票券就能獲得「商圈大禮包」，內含許多商圈店家的優惠券。對顧客而言，覺得拿到了一個有極高附加價值的主題式旅遊商品；對商圈店家而言，旅客手中的優惠券，正是導客到店的好工具。\")]),_c('p',[_vm._v(\"在旅客已經被吸引到店後，如果又想加購商品，店家可以直接拿出安裝「豐支付APP」的手機，就能收 LINE Pay、街口、支付寶、微信支付、台灣 Pay 等各種常見行動支付。例如有旅客到大稻埕逛逛，走到充滿台灣在地水果的豐味果品想買杯現打的新鮮果汁，不用掏現金，直接跟店員說要用LINE Pay付款，店員拿手機裡的「豐支付APP」掃一下顧客的條碼，就結帳完成。\")]),_c('fieldset',[_c('legend',[_vm._v(\"關鍵數字\")]),_c('p',[_vm._v(\"平台上已經有超過 2,000 個旅遊服務店家、1,000 個以上獨特的旅遊服務商品及 250 個行動支付收款店家\")])])]),_c('div',{staticClass:\"summary\"},[_c('h5',[_vm._v(\"適合使用「商圈微商共推模式」的中小企業類型\")]),_c('ul',[_c('li',[_vm._v(\"適合在地商圈店家、觀光服務業者投入發展，結合在地中小型行銷顧問公司、 資訊服務廠商，共同打造在地特色服務。\")])])])],1)])]},proxy:true}])})}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template lang=\"pug\">\nv-sense(:background='require(\"@/assets/sense-4-banner.jpg\")')#v-sense4\n  template(#title)\n    h2\n      | 給店家\n      strong 「從容感」\n  template(#sub)\n    label 服務串聯讓消費體驗再升級\n  template(#content)\n    section: .container\n      h3 行動支付的「商圈微商共推模式」\n      blockquote 「微型店家運用行動支付平台，共同行銷曝光自家的好商品，讓經營上變得更從容。」\n      p 過去街區商圈的微型商店大都以「現金」交易為主，無論是收錢或是找零，對商店和顧客雙方都很不方便，同時也沒有合適的工具可以協助共同行銷推廣商圈。\n      p 「商圈微商共推模式」就是將行動支付導入微型店家，透過行動支付協助街區商圈的店家進行共同行銷，來降低微型店家在行動支付的導入門檻。例如，用行動支付的導入改變消費者現金支付方式，或搭配線上點餐平台，線上點、取時推播的便捷服務，以及不定期釋出電子票券來提高使用意願，結合SEO與地推人員將商圈遊戲化，進行行銷曝光、整體服務形象的提升。\n      hr\n      v-article\n        h4\n          | 豐趣科技\n          sub 讓旅客拿一支手機，就能自由進出各大旅遊景區\n        img(src='@/assets/sense-4-article-1-banner.jpg', alt='豐趣科技 讓旅客拿一支手機，就能自由進出各大旅遊景區')\n        p 以前計畫旅行時，如果不想在景區現場排隊，可能只能先在網路上預購紙本入場券，寄到家裡後再放到背包裡出發去旅行。隨著行動支付的科技越來越進化，現在用手機就能購買「行動票券」，購買完成就收到一個QR Code條碼，到時候在入場時拿手機裡的QR Code給入口服務人員刷一下，就能進場開始逛！\n        p 豐趣科技運用自建的「目的地旅遊服務平台」，串聯國內各大行動支付服務系統，發展「行動票券與行動支付整合系統」，透過旅行社通路推薦優質旅行體驗行程給國內外自由行的旅客，旅客可以在旅行前在線上使用行動支付購買行動票券，在旅行中出示一下手機中的QR Code即可進場，還能在現場用行動支付以優惠的價格向店家加購旅遊產品或名特產；旅遊商圈的店家則是可以安裝豐趣提供的「行動票券與行動支付收款APP――豐支付APP」，就能快速、便捷的導入行動票券核銷與支付收款服務，少了購買硬體設備的成本，也降低店員教育訓練的成本，店家後續也只要跟豐趣對帳即可，不用花時間分別與各家旅行社對帳收款。\n        p 這樣的創新行動票券與支付整合服務模式，成功打造了知名風景區、行動支付業者，以及風景區週邊中小型店家互利共生的商業服務生態系。另外，豐趣科技本身除了提供交通部觀光局台灣好玩卡服務的共通平台外，也是北北基與中台灣好玩卡之營運廠商，在平台上已經有超過 2,000 個旅遊服務店家、1,000 個以上獨特的旅遊服務商品及 250 個行動支付收款店家，其中獨家合作的公部門場館包含故宮博物院、士林官邸、兒童新樂園、野柳地質公園、淡水古蹟博物館、基隆和平島、12個國家森林遊樂區及烏來台車門票，還有熱門銷售的101景觀台、美麗華摩天輪、九族文化村、日月潭纜車票及日月潭遊湖船票，以及九份地區茶餐廳等供旅客自由選購。\n        p 店家除了在現場提供旅客便捷的「行動票券與行動支付」服務之外，更需要有力的行銷導客資源，讓更多旅客知道並方便購買店家的優質旅遊商品。豐趣科技為商圈打造了一個「區域商家共好」的行銷導流入口網站，並積極經營「搜尋引擎最佳化（SEO）」，讓旅客在網路上搜尋旅程中必吃、必玩推薦時，有更高的機率會搜尋到豐趣科技為店家打造的「區域商家共好」行銷網站。網站裡不僅有交通推薦、必訪景點介紹，更有必吃店家推薦、行動支付收款店家清單等，旅客就可以根據自己的需求直接在網站預購「行動票券」，開啟一場不用帶太多現金、無紙本票券的輕鬆旅程。\n        p 豐趣也採用「獎勵方案」鼓勵店家積極對旅客推廣行動支付，讓店家支付的「行動支付手續費」能夠轉換成在「區域商家共好」網站的行銷曝光版位，店家透過行動支付收的款越多，得到的行銷曝光機會就越多，也吸引更多旅客到店消費。\n        p 在對國際旅客行銷的部分，豐趣則是依據景點週邊的路順原則、主題性及旅客需求，與週邊店家以及行動支付業者洽談提供給旅客的優惠方案，例如旅客只要購買特定景區行動票券就能獲得「商圈大禮包」，內含許多商圈店家的優惠券。對顧客而言，覺得拿到了一個有極高附加價值的主題式旅遊商品；對商圈店家而言，旅客手中的優惠券，正是導客到店的好工具。\n        p 在旅客已經被吸引到店後，如果又想加購商品，店家可以直接拿出安裝「豐支付APP」的手機，就能收 LINE Pay、街口、支付寶、微信支付、台灣 Pay 等各種常見行動支付。例如有旅客到大稻埕逛逛，走到充滿台灣在地水果的豐味果品想買杯現打的新鮮果汁，不用掏現金，直接跟店員說要用LINE Pay付款，店員拿手機裡的「豐支付APP」掃一下顧客的條碼，就結帳完成。\n        fieldset\n          legend 關鍵數字\n          p 平台上已經有超過 2,000 個旅遊服務店家、1,000 個以上獨特的旅遊服務商品及 250 個行動支付收款店家\n      .summary\n        h5 適合使用「商圈微商共推模式」的中小企業類型\n        ul\n          li 適合在地商圈店家、觀光服務業者投入發展，結合在地中小型行銷顧問公司、 資訊服務廠商，共同打造在地特色服務。\n</template>\n\n<script>\nimport VSense from '@/views/Sense.vue'\nimport VArticle from '@/components/Article.vue'\n\nexport default {\n  components: {\n    VSense,\n    VArticle,\n  },\n  name: 'Sense4',\n}\n</script>\n\n<style lang=\"sass\" scoped>\n@import '~@/mixin.sass'\n\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--11-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Sense4.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--11-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Sense4.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Sense4.vue?vue&type=template&id=4badc233&scoped=true&lang=pug&\"\nimport script from \"./Sense4.vue?vue&type=script&lang=js&\"\nexport * from \"./Sense4.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Sense4.vue?vue&type=style&index=0&id=4badc233&lang=sass&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"4badc233\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-sense',{attrs:{\"background\":require(\"@/assets/sense-5-banner.jpg\"),\"id\":\"v-sense5\"},scopedSlots:_vm._u([{key:\"title\",fn:function(){return [_c('h2',[_vm._v(\"給用戶\"),_c('strong',[_vm._v(\"「自在感」\")])])]},proxy:true},{key:\"sub\",fn:function(){return [_c('label',[_vm._v(\"沒有店員在身邊也能享受服務\")])]},proxy:true},{key:\"content\",fn:function(){return [_c('section',[_c('div',{staticClass:\"container\"},[_c('h3',[_vm._v(\"行動支付的「設備整合支付模式」\")]),_c('blockquote',[_vm._v(\"「人生中不要一直顧慮別人，自在才是最重要的。不用別人幫忙的自助設備，也讓人很自在。」\")]),_c('p',[_vm._v(\"「設備整合支付模式」通常建立在既有民生服務銷售上，\"),_c('strong',[_vm._v(\"透過行動支付\")]),_vm._v(\"將\"),_c('strong',[_vm._v(\"設備進行數位化升級\")]),_vm._v(\"。涵蓋食品、洗衣、停車繳費、快照機等。\")]),_c('p',[_vm._v(\"需要具備的應用服務特性有兩個：\")]),_c('p',[_vm._v(\"第一個是在「多元場域支援多種硬體設備規格」，如系統販賣機、自助設備，在設備上串聯數種以上行動支付功能。\")]),_c('p',[_vm._v(\"第二個是「注重數據分析決策」，設備的整合支付注重數據在收取後的再度反饋，例如雲端交易資料、即時庫存查詢、精準補貨規劃。\")]),_c('hr'),_c('v-article',[_c('h4',[_vm._v(\"業安科技\"),_c('sub',[_vm._v(\"讓顧客洗衣服、停車繳費掃一下QR Code就好\")])]),_c('img',{attrs:{\"src\":require(\"@/assets/sense-5-article-1-banner.jpg\"),\"alt\":\"業安科技 讓顧客洗衣服、停車繳費掃一下QR Code就好\"}}),_c('p',[_vm._v(\"越來越多的自動販賣機，讓生活日常變得更便利。口渴了想買瓶礦泉水、肚子有點餓想買包餅乾、防疫需要買口罩、週末要拿衣服去洗、到百貨逛逛先去停車子，現在都可以用行動支付掃一下機器就完成結帳，快速取得商品或服務。\")]),_c('p',[_vm._v(\"業安科技協助販賣機營運商將舊型收零錢的販賣機，無痛升級導入行動支付功能，方便消費者付款。販賣機營運商也能透過物聯網管理平台隨時掌握每一台自動販賣機目前的營收金額、商品庫存，可以機動補貨，讓消費者不會在販賣機上看到一大堆「已售完」的標示，減少販賣機空機的時間，也就是增加了販賣機營運商的銷售獲利。目前已開始應用行動支付自動販賣機的服務場域包括校園、科技大廠、加油站、百貨賣場、交通轉運站等。\")]),_c('p',[_vm._v(\"業安科技的核心技術是在舊型自動販賣機上加入｢行動支付升級模組」的黑盒子，小小的黑盒子裡包含4G sim卡，讓交易數據可以即時上傳雲端平台。這個黑盒子安裝上很簡單，因此可以讓傳統的自動販賣機直接升級導入行動支付。\")]),_c('p',[_vm._v(\"升級成行動支付的自動販賣機，還有一個好處是能遠端處理客服疑難雜症。例如，消費者用傳統的自動販賣機買東西時，如果在結帳時發生卡幣的狀況，消費者需要去找現場的管理員處理，要花費許多客服溝通成本，現在只需在遠方遙控販賣機，讓消費者可以直接拿到選購的產品。\")]),_c('p',[_vm._v(\"業安科技也保留了行動支付自動販賣機未來擴充應用的彈性，例如如果要應用在停車場收費，就可以在系統中加入「記錄車號」的資料欄位。未來的生活，無論是自助洗衣、自助洗車、夾娃娃機等，都可以使用行動支付！\")]),_c('fieldset',[_c('legend',[_vm._v(\"關鍵數字\")]),_c('p',[_vm._v(\"販賣機補貨效率可提升50%-75%\")])])]),_c('div',{staticClass:\"summary\"},[_c('h5',[_vm._v(\"適合使用「設備整合支付模式」的中小企業類型\")]),_c('ul',[_c('li',[_vm._v(\"適合需要借重實體設備加速顧客服務的中小型餐飲業、運動館場經營業者、停車場業者、自動販賣機業者等，例如點餐機、販賣機、辨識閘門等。\")])])])],1)])]},proxy:true}])})}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template lang=\"pug\">\nv-sense(:background='require(\"@/assets/sense-5-banner.jpg\")')#v-sense5\n  template(#title)\n    h2\n      | 給用戶\n      strong 「自在感」\n  template(#sub)\n    label 沒有店員在身邊也能享受服務\n  template(#content)\n    section: .container\n      h3 行動支付的「設備整合支付模式」\n      blockquote 「人生中不要一直顧慮別人，自在才是最重要的。不用別人幫忙的自助設備，也讓人很自在。」\n      p\n        | 「設備整合支付模式」通常建立在既有民生服務銷售上，\n        strong 透過行動支付\n        | 將\n        strong 設備進行數位化升級\n        | 。涵蓋食品、洗衣、停車繳費、快照機等。\n      p 需要具備的應用服務特性有兩個：\n      p 第一個是在「多元場域支援多種硬體設備規格」，如系統販賣機、自助設備，在設備上串聯數種以上行動支付功能。\n      p 第二個是「注重數據分析決策」，設備的整合支付注重數據在收取後的再度反饋，例如雲端交易資料、即時庫存查詢、精準補貨規劃。\n      hr\n      v-article\n        h4\n          | 業安科技\n          sub 讓顧客洗衣服、停車繳費掃一下QR Code就好\n        img(src='@/assets/sense-5-article-1-banner.jpg', alt='業安科技 讓顧客洗衣服、停車繳費掃一下QR Code就好')\n        p 越來越多的自動販賣機，讓生活日常變得更便利。口渴了想買瓶礦泉水、肚子有點餓想買包餅乾、防疫需要買口罩、週末要拿衣服去洗、到百貨逛逛先去停車子，現在都可以用行動支付掃一下機器就完成結帳，快速取得商品或服務。\n        p 業安科技協助販賣機營運商將舊型收零錢的販賣機，無痛升級導入行動支付功能，方便消費者付款。販賣機營運商也能透過物聯網管理平台隨時掌握每一台自動販賣機目前的營收金額、商品庫存，可以機動補貨，讓消費者不會在販賣機上看到一大堆「已售完」的標示，減少販賣機空機的時間，也就是增加了販賣機營運商的銷售獲利。目前已開始應用行動支付自動販賣機的服務場域包括校園、科技大廠、加油站、百貨賣場、交通轉運站等。\n        p 業安科技的核心技術是在舊型自動販賣機上加入｢行動支付升級模組」的黑盒子，小小的黑盒子裡包含4G sim卡，讓交易數據可以即時上傳雲端平台。這個黑盒子安裝上很簡單，因此可以讓傳統的自動販賣機直接升級導入行動支付。\n        p 升級成行動支付的自動販賣機，還有一個好處是能遠端處理客服疑難雜症。例如，消費者用傳統的自動販賣機買東西時，如果在結帳時發生卡幣的狀況，消費者需要去找現場的管理員處理，要花費許多客服溝通成本，現在只需在遠方遙控販賣機，讓消費者可以直接拿到選購的產品。\n        p 業安科技也保留了行動支付自動販賣機未來擴充應用的彈性，例如如果要應用在停車場收費，就可以在系統中加入「記錄車號」的資料欄位。未來的生活，無論是自助洗衣、自助洗車、夾娃娃機等，都可以使用行動支付！\n        fieldset\n          legend 關鍵數字\n          p 販賣機補貨效率可提升50%-75%\n      .summary\n        h5 適合使用「設備整合支付模式」的中小企業類型\n        ul\n          li 適合需要借重實體設備加速顧客服務的中小型餐飲業、運動館場經營業者、停車場業者、自動販賣機業者等，例如點餐機、販賣機、辨識閘門等。\n</template>\n\n<script>\nimport VSense from '@/views/Sense.vue'\nimport VArticle from '@/components/Article.vue'\n\nexport default {\n  components: {\n    VSense,\n    VArticle,\n  },\n  name: 'Sense5',\n}\n</script>\n\n<style lang=\"sass\" scoped>\n@import '~@/mixin.sass'\n\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--11-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Sense5.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--11-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Sense5.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Sense5.vue?vue&type=template&id=85831a84&scoped=true&lang=pug&\"\nimport script from \"./Sense5.vue?vue&type=script&lang=js&\"\nexport * from \"./Sense5.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Sense5.vue?vue&type=style&index=0&id=85831a84&lang=sass&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"85831a84\",\n  null\n  \n)\n\nexport default component.exports","import Vue from 'vue'\nimport Router from 'vue-router'\n\nimport VHome from '@/views/Home.vue'\nimport VSense1 from '@/views/Sense1.vue'\nimport VSense2 from '@/views/Sense2.vue'\nimport VSense3 from '@/views/Sense3.vue'\nimport VSense4 from '@/views/Sense4.vue'\nimport VSense5 from '@/views/Sense5.vue'\n\nVue.use(Router)\n\nexport default new Router({\n  mode: 'history',\n  base: process.env.BASE_URL,\n  scrollBehavior(to, from, saved) {\n    return new Promise(resolve => {\n      const position = saved ? saved : { x: 0, y: 0 }\n      setTimeout(() => resolve(position), 300)\n    })\n  },\n  routes: [\n    {\n      path: '/',\n      component: VHome,\n    },\n    {\n      path: '/01',\n      component: VSense1,\n    },\n    {\n      path: '/02',\n      component: VSense2,\n    },\n    {\n      path: '/03',\n      component: VSense3,\n    },\n    {\n      path: '/04',\n      component: VSense4,\n    },\n    {\n      path: '/05',\n      component: VSense5,\n    },\n    {\n      path: '*',\n      redirect: '/',\n    },\n  ]\n})\n","import Vue from 'vue'\nimport Vuex from 'vuex'\n\nVue.use(Vuex)\n\nexport default new Vuex.Store({\n  state: {\n    mobile: null,\n  },\n  mutations: {\n    setMobile(state, mobile) {\n      state.mobile = mobile\n    },\n  },\n  actions: {\n\n  },\n})\n","import 'normalize.css/normalize.css'\nimport '@/global.sass'\n\nimport Vue from 'vue'\nimport VueScrollTo from 'vue-scrollto'\n\nimport App from '@/App.vue'\nimport router from '@/router'\nimport store from '@/store'\n\nVue.use(VueScrollTo)\nVue.config.productionTip = false\n\nnew Vue({\n  router,\n  store,\n  render: h => h(App),\n}).$mount('#app')\n","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Menu.vue?vue&type=style&index=0&id=b1f4d7fc&lang=sass&scoped=true&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Menu.vue?vue&type=style&index=0&id=b1f4d7fc&lang=sass&scoped=true&\"","module.exports = __webpack_public_path__ + \"img/menu-icon.b667a06f.png\";","module.exports = __webpack_public_path__ + \"img/oneline-title.aa3d3e86.png\";","module.exports = __webpack_public_path__ + \"img/home-interview-video-1-thumbnail.1b9e7f1c.jpg\";","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Sense3.vue?vue&type=style&index=0&id=1bc08e8e&lang=sass&scoped=true&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Sense3.vue?vue&type=style&index=0&id=1bc08e8e&lang=sass&scoped=true&\"","module.exports = __webpack_public_path__ + \"img/sense-3-thumbnail.c6215477.jpg\";","module.exports = __webpack_public_path__ + \"img/sense-2-article-2-banner.e9c30e06.jpg\";","module.exports = __webpack_public_path__ + \"img/sense-3-banner.3970ff37.jpg\";","module.exports = __webpack_public_path__ + \"img/home-interview-video-2-thumbnail.515b4c75.jpg\";","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Footer.vue?vue&type=style&index=0&id=65da70fc&lang=sass&scoped=true&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Footer.vue?vue&type=style&index=0&id=65da70fc&lang=sass&scoped=true&\"","module.exports = __webpack_public_path__ + \"img/sense-1-thumbnail.ee2f522c.jpg\";","module.exports = __webpack_public_path__ + \"img/sense-4-banner.bf4757f6.jpg\";","module.exports = __webpack_public_path__ + \"img/sense-5-article-1-banner.798d84a2.jpg\";","module.exports = __webpack_public_path__ + \"img/home-introduction-video-3-thumbnail.2e95cb66.jpg\";","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Sense5.vue?vue&type=style&index=0&id=85831a84&lang=sass&scoped=true&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Sense5.vue?vue&type=style&index=0&id=85831a84&lang=sass&scoped=true&\"","module.exports = __webpack_public_path__ + \"img/sense-1-article-2-banner.6dcc83e3.jpg\";","module.exports = __webpack_public_path__ + \"img/extend-icon.fe8cd6f5.png\";","module.exports = __webpack_public_path__ + \"img/sense-1-article-4-banner.ede06e7a.jpg\";","module.exports = __webpack_public_path__ + \"img/cross-icon.5dd96183.png\";","module.exports = __webpack_public_path__ + \"img/sense-5-banner.97d73398.jpg\";","module.exports = __webpack_public_path__ + \"img/home-introduction-video-2-thumbnail.deb57498.jpg\";","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./VideoPopup.vue?vue&type=style&index=0&id=33bc8869&lang=sass&scoped=true&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./VideoPopup.vue?vue&type=style&index=0&id=33bc8869&lang=sass&scoped=true&\"","module.exports = __webpack_public_path__ + \"img/scroll-icon.72b3ea96.png\";","import mod from \"-!../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../node_modules/cache-loader/dist/cjs.js??ref--0-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=style&index=0&id=3cbb91f7&lang=sass&scoped=true&\"; export default mod; export * from \"-!../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../node_modules/cache-loader/dist/cjs.js??ref--0-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=style&index=0&id=3cbb91f7&lang=sass&scoped=true&\"","module.exports = __webpack_public_path__ + \"img/sense-1-article-5-banner.340c7ebd.jpg\";","module.exports = __webpack_public_path__ + \"img/sense-1-article-3-banner.bab6ddae.jpg\";","module.exports = __webpack_public_path__ + \"img/sense-1-article-1-banner.b3600d8f.jpg\";","module.exports = __webpack_public_path__ + \"img/sense-1-article-6-banner.9d0bf35f.jpg\";","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Sense1.vue?vue&type=style&index=0&id=15e74122&lang=sass&scoped=true&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Sense1.vue?vue&type=style&index=0&id=15e74122&lang=sass&scoped=true&\"","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Article.vue?vue&type=style&index=0&id=d425a8f6&lang=sass&scoped=true&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Article.vue?vue&type=style&index=0&id=d425a8f6&lang=sass&scoped=true&\"","module.exports = __webpack_public_path__ + \"img/sense-3-article-1-banner.cdec1332.jpg\";","module.exports = __webpack_public_path__ + \"img/home-introduction-video-1-thumbnail.5866d6a0.jpg\";","module.exports = __webpack_public_path__ + \"img/sense-2-article-1-banner.a764485b.jpg\";","module.exports = __webpack_public_path__ + \"img/title.266e26b0.png\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('nav',{class:{extended: _vm.extended},attrs:{\"id\":\"v-menu\"}},[_c('div',{staticClass:\"container\"},[_c('button',{staticClass:\"extend\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){_vm.extended = true}}},[_c('img',{attrs:{\"src\":require(\"@/assets/menu-icon.png\"),\"alt\":\"主選單\",\"width\":_vm.$store.state.mobile ? 18 : 30}})]),_c('div',{staticClass:\"dimmer\",on:{\"click\":function($event){_vm.extended = false}}}),_c('div',{staticClass:\"menu\"},[_c('button',{staticClass:\"close\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){_vm.extended = false}}},[_c('img',{attrs:{\"src\":require(\"@/assets/cross-icon.png\"),\"alt\":\"關閉\",\"width\":_vm.$store.state.mobile ? 20 : 24}})]),_c('h1',[_c('img',{attrs:{\"src\":require(\"@/assets/title.png\"),\"alt\":\"行動支付的5感生活美學\",\"width\":_vm.$store.state.mobile ? 170 : 207}})]),_c('ol',[_c('li',[_c('a',{attrs:{\"href\":\"/\"},on:{\"click\":function($event){$event.preventDefault();return _vm.routeTo(\"/\")}}},[_vm._v(\"首頁\")])]),_c('li',[_c('a',{class:{active: _vm.$route.path === \"/01\"},attrs:{\"href\":\"/01\"},on:{\"click\":function($event){$event.preventDefault();return _vm.routeTo(\"/01\")}}},[_vm._v(\"歸屬感\")])]),_c('li',[_c('a',{class:{active: _vm.$route.path === \"/02\"},attrs:{\"href\":\"/02\"},on:{\"click\":function($event){$event.preventDefault();return _vm.routeTo(\"/02\")}}},[_vm._v(\"便利感\")])]),_c('li',[_c('a',{class:{active: _vm.$route.path === \"/03\"},attrs:{\"href\":\"/03\"},on:{\"click\":function($event){$event.preventDefault();return _vm.routeTo(\"/03\")}}},[_vm._v(\"簡單感\")])]),_c('li',[_c('a',{class:{active: _vm.$route.path === \"/04\"},attrs:{\"href\":\"/04\"},on:{\"click\":function($event){$event.preventDefault();return _vm.routeTo(\"/04\")}}},[_vm._v(\"從容感\")])]),_c('li',[_c('a',{class:{active: _vm.$route.path === \"/05\"},attrs:{\"href\":\"/05\"},on:{\"click\":function($event){$event.preventDefault();return _vm.routeTo(\"/05\")}}},[_vm._v(\"自在感\")])])])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template lang=\"pug\">\nnav#v-menu(:class='{extended}'): .container\n  button.extend(@click='extended = true', type='button')\n    img(src='@/assets/menu-icon.png', alt='主選單', :width='$store.state.mobile ? 18 : 30')\n  .dimmer(@click='extended = false')\n  .menu\n    button.close(@click='extended = false', type='button'): img(src='@/assets/cross-icon.png', alt='關閉', :width='$store.state.mobile ? 20 : 24')\n    h1: img(src='@/assets/title.png', alt='行動支付的5感生活美學', :width='$store.state.mobile ? 170 : 207')\n    ol\n      li: a(@click.prevent='routeTo(\"/\")', href='/') 首頁\n      li: a(@click.prevent='routeTo(\"/01\")', :class='{active: $route.path === \"/01\"}', href='/01') 歸屬感\n      li: a(@click.prevent='routeTo(\"/02\")', :class='{active: $route.path === \"/02\"}', href='/02') 便利感\n      li: a(@click.prevent='routeTo(\"/03\")', :class='{active: $route.path === \"/03\"}', href='/03') 簡單感\n      li: a(@click.prevent='routeTo(\"/04\")', :class='{active: $route.path === \"/04\"}', href='/04') 從容感\n      li: a(@click.prevent='routeTo(\"/05\")', :class='{active: $route.path === \"/05\"}', href='/05') 自在感\n</template>\n\n<script>\nexport default {\n  name: 'Menu',\n  data() {\n    return {\n      extended: false,\n    }\n  },\n  methods: {\n    routeTo(path) {\n      this.extended = false\n      if(path !== this.$route.path) {\n        this.$router.push(path)\n      }\n    },\n  },\n}\n</script>\n\n<style lang=\"sass\" scoped>\n@import '~@/mixin.sass'\n\n#v-menu\n  +position(fixed, 0, 0, 0, 0)\n  pointer-events: none\n  z-index: 99\n  &.extended\n    .dimmer\n      opacity: 1\n      pointer-events: auto\n    .menu\n      transform: translateX(0)\n.extend\n  +circle(60px)\n  +position(absolute, 40px, 40px)\n  background-color: white\n  box-shadow: 0 2px 6px 0 rgba(#7A7A7A, .5)\n  pointer-events: auto\n.dimmer\n  +position(absolute, 0, 0, 0, 0)\n  background-color: rgba(black, .4)\n  opacity: 0\n  transition: opacity .3s\n.menu\n  +padding-y(100px)\n  +position(absolute, 0, 0, 0)\n  background-color: #46484D\n  overflow-y: scroll\n  pointer-events: auto\n  transform: translateX(100%)\n  transition: transform .4s\n  width: 400px\n  .close\n    +position(absolute, 40px, 40px)\n    padding: 8px\n  h1\n    margin-bottom: 60px\n    text-align: center\n  ol\n    list-style-type: none\n    > li\n      +ifont(24px, #EAEAEA, null, 3.27px, null, center)\n      &:not(:last-child)\n        margin-bottom: 40px\n      a\n        transition: color .2s\n        &:hover\n          text-decoration: none\n        &.active\n          color: #FFBA39\n\n@media (max-width: 1019px)\n  #v-menu\n    +margin-x(auto)\n    max-width: 600px\n    overflow: hidden\n  .extend\n    +circle(40px)\n    +position(null, 20px, 20px)\n  .menu\n    +background(null, 240px, null, right -60px bottom -20px)\n    background-size: 240px\n    padding-top: 100px\n    width: 240px\n    .close\n      +position(null, 20px, 20px)\n    h1\n      margin-bottom: 48px\n    ol\n      > li\n        +ifont(20px, null, null, 2.72px)\n        &:not(:last-child)\n          margin-bottom: 28px\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--11-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Menu.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--11-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Menu.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Menu.vue?vue&type=template&id=b1f4d7fc&scoped=true&lang=pug&\"\nimport script from \"./Menu.vue?vue&type=script&lang=js&\"\nexport * from \"./Menu.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Menu.vue?vue&type=style&index=0&id=b1f4d7fc&lang=sass&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"b1f4d7fc\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}