Financial × Frontend: Approach to UX

Financial × Frontend: Approach to UX

Eisuke Okuyama
LINE Financial WebDev Team frontend engineer
https://linedevday.linecorp.com/jp/2019/sessions/S2-14

Be4518b119b8eb017625e0ead20f8fe7?s=128

LINE DevDay 2019

November 21, 2019
Tweet

Transcript

  1. 2019 DevDay Financial × Frontend: Approach to UX > Eisuke

    Okuyama > LINE Financial WebDev Team frontend engineer
  2. Agenda > About LINE Securities > Frontend Architecture > UX

    Approaches
  3. About LINE Securities

  4. About LINE Securities

  5. Frontend Architecture

  6. Jenkins Developer GitHub Pull Request Build / Test Notify Result

    Frontend Architecture
  7. Jenkins Developer Run Frontend Architecture Build / Test Deploy Config

    Result
  8. What We’re Using TypeScript Jest React

  9. Approach to UX

  10. How Do You Feel Financial Service? When You Hear

  11. Boring? Difficult? Complicated?

  12. We Should Make Positive All These Words

  13. Fun! Easy! Simple!

  14. > Register / Phone Number > Lottie-web for step animation

    Fun!
  15. > How to buy stock > Only 3 screen transitions

    to order Easy!
  16. > Simple line chart of stock price > Chart.js >

    (chart is test data) Simple!
  17. And More…

  18. > For Native Experience > Implemented by
 web frontend technology

    Page Stack
  19. > Back to previous screen by swiping Swipe Back

  20. > Search > Change tabs by swiping Swipeable Tabs

  21. We’re Improving Many Things!

  22. Why Don’t You Join Us?

  23. Thank You!