2019 DevDay
How Custom Sticker Development
Works
> Haruki Sato
> LINE LINE Development Department 1 Deputy Senior
Manager
Slide 2
Slide 2 text
Agenda > What Is Custom Sticker?
> How It Works?
> How the Development Works?
Slide 3
Slide 3 text
What Is Custom Sticker?
Slide 4
Slide 4 text
Tell Your Friend More About You!
Customize Short Text *IN* Stickers!
New sticker feature released for the
first time in 3 years!
(The one before was Pop-Up Sticker
in 2016)
> http://official-blog.line.me/ja/
archives/78722944.html
Slide 5
Slide 5 text
How It Works?
Slide 6
Slide 6 text
Server Rendering & Client Overlay
Do This, Do That, Working Together
Image Server
Text Image
Server
Client
(iOS, Android, Windows, Mac, Web, Etc.)
Image By Zdeněk Chalupský From Pixabay
Kaeru
Kaeru
Slide 7
Slide 7 text
Server Rendering & Client Overlay
Do This, Do That, Working Together
Text Image Server
Kaeru
DB
Input Text: “Kaeru”
Slide 8
Slide 8 text
Server Rendering & Client Overlay
Do This, Do That, Working Together
Text Image Server
Kaeru
DB
Input Text: “Kaeru”
Slide 9
Slide 9 text
How the Development Works?
Slide 10
Slide 10 text
Timeline
LINE Shop Delivery Service
2019-10
Sales Start for
Creators Market
2019-04
Launched with
Official Stickers!!
2018-08
Dev Demo
Prototyping
2019-09
Registration in
Creators Market
2018-09
Project Kick-off
~2018
Ideation
Slide 11
Slide 11 text
Minimum Is Not That Small
Considerations for Better Product
SVG Renderer
Tools Easy-to-use
and Open to Creators
Complex Operations
for Images and Styles.
Merge them? How?
Content Management
for “Style”
Any Tool to Edit SVG??
Font Quality
Slide 12
Slide 12 text
Stay a Step Ahead
Solutions
Apache Batik
+
Workarounds
Design prepared to
Share among Systems
Hearing from
Operation Team
Hearing from
Creators
and
Build Special CMS
Server-side Rendering
Slide 13
Slide 13 text
Hard To Be Good Enough
Summary
> Challenges in Font Rendering
• Quality
• Language-dependent Issues
> Challenges in complex content management
• Hearing from Creators, Operation Team
• Build Special CMS
• Integrate with Creators Market
See https://engineering.linecorp.com/ja/blog/product-story-01-custom-sticker/
for more stories