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

Next Generation Mercari apps

mercari
July 01, 2021

Next Generation Mercari apps

https://www.meetup.com/ja-JP/MercariDev/events/278523021/

The Mercari US mobile team is in a transition period now. I'll introduce the React Native rewrite project that is happening now: Why? How? What's next?
→ Speaker: Tsuyoshi Yoshioka, Mobile Software Engineer at Mercari US@Tokyo. Since joining Mercari in 2016, Yoshioka has worked on the Mercari US app for 5 years.

mercari

July 01, 2021
Tweet

More Decks by mercari

Other Decks in Technology

Transcript

  1. Next generation apps
    The future at Mercari US

    View full-size slide

  2. About me
    Tsuyoshi Yoshioka (@tsuyogoro)
    Mobile App engineer
    (Android / React Native / Scrum master)
    Mercari, Inc
    since Mar, 2016

    View full-size slide

  3. About Mercari US
    ● Initial release was in 2014
    ● “Only delivery (No meet up) / pure C2C service”
    ● Keep growing -> finally achieved $100 million monthly GMV in 2020.
    Tokyo
    PaloAlto
    Boston
    Portland

    View full-size slide

  4. History of Mercari US Mobile App
    Launch in US
    (2014)
    Re-architect
    (2017)
    Re-branded
    (2018)
    Next…
    (2022)

    View full-size slide

  5. Next?
    $100M
    /month
    X times within
    a few years
    We have to update the way to run!!
    $?M
    /month

    View full-size slide

  6. Challenges to advance to the next stage
    1. Next Quality : Keep UX consistency between platforms
    2. Next Speed : Achieve faster delivery for quick iterations
    3. Next Scale : Build a more scalable team

    View full-size slide

  7. 1. Next Quality : Keep UX consistency between platforms
    We’re confident in our app UX
    But, some of features are
    implemented only on either platform
    Opportunity loss!!

    View full-size slide

  8. 2. Next Speed : Achieve faster delivery for quick iterations
    Ideal PDCA cycle
    Our real
    (Very bad case)
    Huge cost to
    organize team
    Timing to release
    may not be same
    Cannot have time
    for 2nd iteration
    anymore

    View full-size slide

  9. 3. Next Scale : Build a more scalable team
    Fast onboarding
    Self designed
    framework
    Features Features
    Major/Light framework
    Thin self
    framework
    Now Ideal

    View full-size slide

  10. 3. Next Scale : Build a more scalable team
    Bring better scalability to product organization
    Waiting for iOS and Android assignment....
    Project A Project C
    Project B Project E
    Project D
    Project A Project B
    ...
    Project C Project D
    Project E
    If we can solve this queue...

    View full-size slide

  11. Challenges to achieve next stage
    1. Next Quality : Keep UX consistency between platforms
    2. Next Speed : Achieve faster delivery for quick iterations
    3. Next Scale : Build a more scalable team

    View full-size slide

  12. HOW…??
    +
    Re-write apps
    completely
    in React Native

    View full-size slide

  13. Approach (Technical)
    Features
    Major/Light framework
    Thin self
    framework
    - Utilities
    - Mercari Design system
    - Redux
    - Redux toolkit
    - React Navigation
    Engineers can
    - build features with general approach
    - achieve UI consistency without much effort

    View full-size slide

  14. Approach (process)
    Program manager
    Mission
    Take team to the goal

    View full-size slide

  15. Approach (process)
    Break down to sub goals!!
    (Milestone definition)

    View full-size slide

  16. Approach (process)
    Before climbing, let’s discuss how
    much we wanna climb today!!
    (Sprint / Sprint planning)

    View full-size slide

  17. Approach (process)
    Let’s change original path!!
    (Milestone management)

    View full-size slide

  18. Approach (process)
    We’ll be here Early in 2022…!!!!

    View full-size slide

  19. Wrap up and looking forward to 2022...

    View full-size slide

  20. Next stage
    Mobile team is driving 2 trains!!
    ● ReactNative rewrite
    ○ Aiming to complete App rewrite in early 2022
    ● Native app
    ○ Keep making growth on our product
    ○ Keep app quality until rewrite gets success

    View full-size slide

  21. Highly recommend you to apply if...
    Android
    engineer
    You are iOS
    engineer
    ReactNative
    engineer
    You are
    Motivated
    to get ReactNative skill
    You
    want to
    See the success of Mercari US
    && &&
    &&
    &&
    || ||

    View full-size slide

  22. Uniqueness of Mercari from engineering organization view
    ● Switching to remote first company
    ● Hiring talented engineers from whole of US
    ● People in Japan can join SW development happening in Bay area
    ● “Ultimate” remote software development
    (24 hours active, various type of cultures in our team...etc)

    View full-size slide

  23. Thank you for listening!!
    Join us to get success in US market !!

    View full-size slide