This document summarizes changes made to the window design on the Pinkoi e-commerce site, which features over 65,000 products from 3,000 brands and 8,000 designers. Some key accomplishments include helping designers grow their business internationally and building an online community and marketplace for designers in Asia. The redesign improved the window browsing experience through features like infinite scrolling, single-page navigation using HTML5 history API, sub-templates for code reuse, offloading processing to the user-side, and algorithms to rank windows based on view and favorite counts. Modern technologies like Django, Mako, MySQL, CouchDB, RabbitMQ, and others were utilized in the redesign.

1. @co_founder
@cto
@mike_lee
def pycontw2013():
“””Behind Pinkoi Window Redesign
”””

2. 65000+ Unique Products

3. 3000+ Brands and 8000+ Designers

4. •25% visitors from outside of
Taiwan - Hong Kong, North
America, China, Japan, Singapore,
Malaysia
•Help designers grow business to
7 countries worldwide
What We’ve Accomplished
Internationally

5. Our vision is to build the biggest online
community and marketplace for designers in Asia.

6. and Enable people to live around good designs every day.

17. http://pinkoi.com/window

18. Window Before

19. Window BeforeWindow After

20. Infinite Scroll

21. Use same endpoint
http://www.pinkoi.com/window
Ajax
http://www.pinkoi.com/window?page=n

22. Use same endpoint
http://www.pinkoi.com/window
Ajax
http://www.pinkoi.com/window?page=n
code reuse
GA comparable
descriptive

23. Single-Page Navigation

24. Issue: browser history

25. Issue: browser history
HTML5 history API
history.pushState()

26. Issue: browser history
History API?
HTML5 history API
history.pushState()

27. Issue: browser history
I don’t care
HTML5 history API
history.pushState()

28. Issue: browser history
I don’t care
open new tab
Progressive Enhancement
<a></a>
HTML5 history API
history.pushState()

29. Sub-template for Code Reuse
Mako

31. Offload Processing to User-side

32. Counter

33. Issue: response latency on hot window
database table (row) lock

34. Issue: response latency on hot window
counter stored in MySQL
async instead of sync
messaging system
RabbitMQ
accumulate and then bulk update
database table (row) lock

35. Favorite ♥

36. store unstructured data in CouchDB
NoSQL
flexibility

37. store unstructured data in CouchDB
NoSQL
flexibility
fast

38. Ranking
viewcnt ↑ score +
favcnt ↑ score ++
long tail windows? score -

39. Simple and Fast Algorithm
log(factor * weight, days)

40. Gunicorn
Django
Mako
MySQL (MySQLdb)
CouchDB (couchdb-python)
RabbitMQ (carrot)
Modernizr
Open Sources used

41. Thank you!
http://pinkoi.com/product/1BE15FrN

42. Thank you!
btw, we're Recruiting
mike.lee@pinkoi.com