Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Sattha.Online: Wish Making Service

Sattha.Online: Wish Making Service

LINE Developers Thailand

October 16, 2021
Tweet

More Decks by LINE Developers Thailand

Other Decks in Technology

Transcript

  1. WISH MAKING
    SERVICE
    The real-world case study after LINE HACK

    View full-size slide

  2. What Is Sattha.Online?
    LINE MAN for wish-making and vow-fulfilling with global holy destinations

    View full-size slide

  3. Why?
    We understand these problems

    View full-size slide

  4. AFTER


    LINE HACK
    RUN THE SERVICE WITH PAIN

    View full-size slide

  5. Start From a Small Scale
    Plan: to make it bigger and smoother

    View full-size slide

  6. LINE HORO
    AN EXTENSION OF END-TO-END BLESSING


    FULFILLMENT SERVICE USING LINE ECOSYSTEM
    PARTNER UP WITH

    View full-size slide

  7. LINE MYSHOP WISH CARD SATTHA RESULTS
    LINE OA
    SATTHA.ONLINE X LINE HORO

    View full-size slide

  8. LINE OA WISH CARD SATTHA RESULTS
    LINE MYSHOP
    SATTHA.ONLINE X LINE HORO

    View full-size slide

  9. LINE OA LINE MYSHOP SATTHA RESULTS
    WISH CARD
    SATTHA.ONLINE X LINE HORO

    View full-size slide

  10. LINE OA LINE MYSHOP WISH CARD SATTHA RESULTS
    SATTHA.ONLINE X LINE HORO

    View full-size slide

  11. Social Responses

    View full-size slide

  12. Excellent Feedbacks
    From both users and retailers
    ดีมากส

    หรับคนที่อยากไป



    ต่

    ม่
    มีโอกาส


    ขั้นตอนไ
    ม่ยุ่
    งยากดีๆๆ



    ห้
    ห้
    าดาว


    ดีๆๆๆสุดๆๆ


    กว่า 95% ของ


    ผู้ใช้พึงพอใจ


    กับบริการ
    ช่
    วงนี้ไ
    ม่
    มีโอกาสไ
    ด้
    ไป


    แบบนี้ดี
    ค่
    ะ ขอบคุณ
    มาก
    ค่

    ช่
    วยเพิ่ม


    ยอดขาย


    ใน
    ช่
    วงโควิด


    View full-size slide

  13. Service Design
    Service


    Design
    User


    Experience


    Design
    User


    Interface


    Design
    Users +


    Staffs+


    Stakeholders+…
    ออกแบบ Touchpoint


    ทั้ง Online และ offline


    และการท

    งานทั้งหน้าร้านแะหลังร้าน
    ออกแบบวางแผน
    ระบบการบริการ
    ทั้งหมด
    ออกแบบ Design
    System / Visual
    Design thinking

    View full-size slide

  14. Service Blueprint
    Physical


    Evidence
    User


    Actions
    Front-of-Stages


    Interactions
    Back-of-Stages


    Interactions
    Support


    Processes
    LINE OF INTERACTION
    LINE OF VISIBILITY
    LINE OF INTERNAL


    INTERACTION

    View full-size slide

  15. Sattha's Service Blueprint

    View full-size slide

  16. Service Blueprint
    Customer Action & Touchpoint
    เห็นโพสต์จาก


    LINE ดูดวง

    ปิ
    ด LIFF
    MYSHOP
    เลือกสถาน





    หรับ
    ขอพร


    (PRODUCT)
    เลือก PACKAGE
    (VARIANT)
    กรอกข้อมูล





    อ +




    ขอพร


    ระเงิน
    ได้รับข้อความ


    ยืนยันการ
    สั






    ลูกค้าได้รับบทสวด




    อเต
    รี
    ยมตัว
    ได้รับข้อความเ






    ร้านค้าจะไปขอพร
    ได้รับข้อความว่าการ
    ขอพรส

    เร็จ
    ลูกค้าได้รับภาพ
    ยืนยันจากทางร้าน
    ประเมินความพึง
    พอใจ
    LINE OA HORO LINE MyShop LINE MyShop LINE MyShop LINE MyShop LINE MyShop
    Flex Message


    via LINE OA (Horo)
    Flex Message


    via LINE OA (Horo)
    Flex Message


    via LINE OA (Horo)
    Flex Message


    via LINE OA (Horo)
    LINE LIFF

    View full-size slide

  17. THE 2ND


    (REAL) HACKATHON
    FROM SERVICE DESIGN TO 2 WEEKS
    IMPLEMENTATION FOR MYSHOP INTEGRATION

    View full-size slide

  18. Service Blueprint
    Customer Action & Touchpoint
    เห็นโพสต์จาก


    LINE ดูดวง

    ปิ
    ด LIFF
    MYSHOP
    เลือกสถาน





    หรับ
    ขอพร


    (PRODUCT)
    เลือก PACKAGE
    (VARIANT)
    กรอกข้อมูล





    อ +




    ขอพร


    ระเงิน
    ได้รับข้อความ


    ยืนยันการ
    สั






    ลูกค้าได้รับบทสวด




    อเต
    รี
    ยมตัว
    ได้รับข้อความเ






    ร้านค้าจะไปขอพร
    ได้รับข้อความว่าการ
    ขอพรส

    เร็จ
    ลูกค้าได้รับภาพ
    ยืนยันจากทางร้าน
    ประเมินความพึง
    พอใจ
    LINE OA HORO LINE MyShop LINE MyShop LINE MyShop LINE MyShop LINE MyShop
    Flex Message


    via LINE OA (Horo)
    Flex Message


    via LINE OA (Horo)
    Flex Message


    via LINE OA (Horo)
    Flex Message


    via LINE OA (Horo)
    LINE LIFF

    View full-size slide

  19. Cannot Custom LINE MyShop
    เห็นโพสต์จาก


    LINE ดูดวง

    ปิ
    ด LIFF
    MYSHOP
    เลือกสถาน





    หรับ
    ขอพร


    (PRODUCT)
    เลือก PACKAGE
    (VARIANT)
    กรอกข้อมูล





    อ +




    ขอพร


    ระเงิน
    ได้รับข้อความ


    ยืนยันการ
    สั






    ลูกค้าได้รับบทสวด




    อเต
    รี
    ยมตัว
    ได้รับข้อความเ






    ร้านค้าจะไปขอพร
    ได้รับข้อความว่าการ
    ขอพรส

    เร็จ
    ลูกค้าได้รับภาพ
    ยืนยันจากทางร้าน
    ประเมินผลการ


    เนินการ


    (OPTIONAL)
    LINE OA HORO LINE MyShop LINE MyShop LINE MyShop LINE MyShop LINE MyShop
    Flex Message


    via LINE OA (Horo)
    Flex Message


    via LINE OA (Horo)
    Flex Message


    via LINE OA (Horo)
    Flex Message


    via LINE OA (Horo)
    LINE LIFF

    View full-size slide

  20. Change Flow
    เห็นโพสต์จาก


    LINE ดูดวง

    ปิ
    ด LIFF
    MYSHOP
    เลือกสถาน





    หรับ
    ขอพร


    (PRODUCT)
    เลือก PACKAGE
    (VARIANT)
    กรอกข้อมูล




    หรับ MyShop


    ระเงิน
    LINE OA HORO LINE MyShop LINE MyShop LINE MyShop LINE MyShop LINE MyShop
    ได้รับข้อความ


    ยืนยันการ
    สั






    ลูกค้ากรอกราย
    ละเอียดการขอพร /
    แก้บน
    ลูกค้าได้รับบทสวด




    อเต
    รี
    ยมตัว
    ได้รับข้อความว่าการ
    ขอพรส

    เร็จ
    ลูกค้าได้รับภาพ
    ยืนยันจากทางร้าน
    ประเมินความพึง
    พอใจ
    Flex Message


    via LINE OA (Horo)
    Flex Message


    via LINE OA (Horo)
    LINE LIFF LINE LIFF
    Flex Message


    via LINE OA (Horo)
    LINE LIFF

    View full-size slide

  21. Change Flow
    ได้รับข้อความ


    ยืนยันการ
    สั






    ลูกค้ากรอกราย
    ละเอียดการขอพร /
    แก้บน
    ลูกค้าได้รับบทสวด




    อเต
    รี
    ยมตัว
    ได้รับข้อความว่าการ
    ขอพรส

    เร็จ
    ลูกค้าได้รับภาพ
    ยืนยันจากทางร้าน
    ประเมินความพึง
    พอใจ
    Flex Message


    via LINE OA (Horo)
    Flex Message


    via LINE OA (Horo)
    Flex Message


    via LINE OA (Horo)
    LINE LIFF LINE LIFF
    LIFF Messaging


    API
    LINE user ID
    No link from MyShop Order ID to
    LIFF Messaging


    API
    LIFF Messaging API Messaging API LIFF LIFF
    Messaging API
    LINE LIFF

    View full-size slide

  22. 2 Messages 1 Web
    ได้รับข้อความ


    ยืนยันการ
    สั






    ลูกค้ากรอกราย
    ละเอียดการขอพร /
    แก้บน
    ลูกค้าได้รับบทสวด




    อเต
    รี
    ยมตัว
    ได้รับข้อความว่าการ
    ขอพรส

    เร็จ
    ลูกค้าได้รับภาพ
    ยืนยันจากทางร้าน
    ประเมินความพึง
    พอใจ
    Web
    2 Messages
    Require just 1 message


    to lead user to our web


    The 2nd message is only for triggering user


    to open the same web again

    View full-size slide

  23. Communicate


    Get Order information
    But, How Do We Work Together ?

    View full-size slide

  24. ● Import Orders


    ● Send Messages
    Our 2 Challenges

    View full-size slide

  25. ● Import Orders


    ● Send Messages
    Our 2 Challenges

    View full-size slide

  26. iKUMARN (iกุมาร 4.0)
    FROM AUTOMATED TESTING TOOLS TO ALL-IN-ONE
    SATTHA - MYSHOP INTEGRATION SYSTEM


    View full-size slide

  27. iKumarn 4.0
    Killing Features
    ● Import MyShop orders to Sattha System
    ● Send message to Customer (Pretend to
    be Messaging API)
    ● Close stock for you

    View full-size slide

  28. For Sattha Back-office Operation
    Import MyShop Orders to Sattha Orders
    Scheduled Cloud
    Functions

    View full-size slide

  29. Import MyShop Orders to Sattha Orders
    Scheduled Cloud
    Functions
    Wake iKUMARN up
    FIRESTORE
    Get order master data
    Save order to Firestore
    iKUMARN
    imports orders
    For Sattha Back-office Operation

    View full-size slide

  30. Import MyShop Orders to Sattha Orders
    For Sattha Back-office Operation

    View full-size slide

  31. After Sattha Order created
    ● Change MyShop order
    status to COMPLETE


    ● Tag ‘sattha-order’ in chat
    room


    ● Send a message contained
    a link to Sattha Website
    Connect MyShop customer to Sattha Website
    Send Message

    View full-size slide

  32. Connect MyShop customer to Sattha Website
    Send Message
    Cloud Functions
    iKUMARN


    send message
    Wake iKUMARN up
    FIRESTORE
    Trigger function


    when order created

    View full-size slide

  33. Send Message
    Cloud Functions
    FIRESTORE
    Trigger function


    when order created
    Connect MyShop customer to Sattha Website

    View full-size slide

  34. Send Message
    Connect MyShop customer to Sattha Website

    View full-size slide

  35. Let they fill their fulfillment
    Customer Filled Their Info

    View full-size slide

  36. Customer Filled Their Info
    Let they fill their fulfillment

    View full-size slide

  37. For sending orders to Merchants
    Create OrderSummary
    Scheduled Cloud
    Functions
    Operation

    Group
    FIRESTORE
    Send Update Via Line
    Create
    order
    summary
    LINE Notify
    Merchant

    Group A
    Merchant

    Group N

    View full-size slide

  38. OPERATION GROUP MERCHANT GROUP
    To inform merchant and our operation team
    LINE Notify to LINE Group

    View full-size slide

  39. Notify customers for checking their orders again
    Send Completed Message

    View full-size slide

  40. Send Complete Message
    Notify customers for checking their orders again

    View full-size slide

  41. WHAT’S NEXT AND
    WHAT WE’VE LEARNED
    AN EXTENSION OF END-TO-END BLESSING


    FULFILLMENT SERVICE USING LINE ECOSYSTEM

    View full-size slide

  42. What’s Next
    ● Make our Web to be LIFF
    ● Send only first message to navigate customer to LIFF
    ● After that, use Messaging API

    View full-size slide

  43. What We’ve Learned
    ● There is a lot to do for REAL WORLD execution, never stop improving
    ● Know your conditions and always start with MVP
    ● SERVICE BLUEPRINT helped the flow between people, processes and digital,
    physical touchpoint tying up smoothly
    ● Whatever the ideas are, DON'T FEAR TO FAIL.

    View full-size slide

  44. Yanisa Freres


    Designer
    Natthanun
    Chantanurak


    Engineering
    Sasarak


    Sutthisukon


    Product
    SATTHA TEAM
    Roparat Sukapirom


    Engineering
    Tong W. Ratanapan


    Business

    View full-size slide