SlideShare a Scribd company logo
1 of 42
@co_founder
@cto
@mike_lee
def pycontw2013():
“””Behind Pinkoi Window Redesign
”””
65000+ Unique Products
3000+ Brands and 8000+ Designers
•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
Our vision is to build the biggest online
community and marketplace for designers in Asia.
and Enable people to live around good designs every day.
http://pinkoi.com/window
Window Before
Window BeforeWindow After
Infinite Scroll
Use same endpoint
http://www.pinkoi.com/window
Ajax
http://www.pinkoi.com/window?page=n
Use same endpoint
http://www.pinkoi.com/window
Ajax
http://www.pinkoi.com/window?page=n
code reuse
GA comparable
descriptive
Single-Page Navigation
Issue: browser history
Issue: browser history
HTML5 history API
history.pushState()
Issue: browser history
History API?
HTML5 history API
history.pushState()
Issue: browser history
I don’t care
HTML5 history API
history.pushState()
Issue: browser history
I don’t care
open new tab
Progressive Enhancement
<a></a>
HTML5 history API
history.pushState()
Sub-template for Code Reuse
Mako
Offload Processing to User-side
Counter
Issue: response latency on hot window
database table (row) lock
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
Favorite ♥
store unstructured data in CouchDB
NoSQL
flexibility
store unstructured data in CouchDB
NoSQL
flexibility
fast
Ranking
viewcnt ↑ score +
favcnt ↑ score ++
long tail windows? score -
Simple and Fast Algorithm
log(factor * weight, days)
Gunicorn
Django
Mako
MySQL (MySQLdb)
CouchDB (couchdb-python)
RabbitMQ (carrot)
Modernizr
Open Sources used
Thank you!
http://pinkoi.com/product/1BE15FrN
Thank you!
btw, we're Recruiting
mike.lee@pinkoi.com

More Related Content

What's hot

The Need For Speed
The Need For SpeedThe Need For Speed
The Need For Speed
Andy Davies
 
Web Performance Workshop - Velocity London 2013
Web Performance Workshop - Velocity London 2013Web Performance Workshop - Velocity London 2013
Web Performance Workshop - Velocity London 2013
Andy Davies
 
That's crazy! how to build single page web apps
That's crazy! how to build single page web appsThat's crazy! how to build single page web apps
That's crazy! how to build single page web apps
Chris Love
 
HTML5 - Future of Web
HTML5 - Future of WebHTML5 - Future of Web
HTML5 - Future of Web
Mirza Asif
 
Raiders of the Fast Start: Frontend Performance Archaeology - Performance.now...
Raiders of the Fast Start: Frontend Performance Archaeology - Performance.now...Raiders of the Fast Start: Frontend Performance Archaeology - Performance.now...
Raiders of the Fast Start: Frontend Performance Archaeology - Performance.now...
Katie Sylor-Miller
 

What's hot (20)

Mobile Web Speed Bumps
Mobile Web Speed BumpsMobile Web Speed Bumps
Mobile Web Speed Bumps
 
The Need For Speed
The Need For SpeedThe Need For Speed
The Need For Speed
 
5 single page application principles developers need to know
5 single page application principles developers need to know5 single page application principles developers need to know
5 single page application principles developers need to know
 
jQuery Conference Chicago - September 2014
jQuery Conference Chicago - September 2014jQuery Conference Chicago - September 2014
jQuery Conference Chicago - September 2014
 
Progressive Web Apps keynote, Google Developer Summit, Tokyo, Japan
Progressive Web Apps keynote, Google Developer Summit, Tokyo, JapanProgressive Web Apps keynote, Google Developer Summit, Tokyo, Japan
Progressive Web Apps keynote, Google Developer Summit, Tokyo, Japan
 
Making Mobile Sites Faster
Making Mobile Sites FasterMaking Mobile Sites Faster
Making Mobile Sites Faster
 
Web Performance Workshop - Velocity London 2013
Web Performance Workshop - Velocity London 2013Web Performance Workshop - Velocity London 2013
Web Performance Workshop - Velocity London 2013
 
That's crazy! how to build single page web apps
That's crazy! how to build single page web appsThat's crazy! how to build single page web apps
That's crazy! how to build single page web apps
 
Html5 - Novas Tags na Prática!
Html5 - Novas Tags na Prática!Html5 - Novas Tags na Prática!
Html5 - Novas Tags na Prática!
 
Intro to Web Development
Intro to Web DevelopmentIntro to Web Development
Intro to Web Development
 
The Future of Progressive Web Apps - View Source conference, Berlin 2016
The Future of Progressive Web Apps - View Source conference, Berlin 2016The Future of Progressive Web Apps - View Source conference, Berlin 2016
The Future of Progressive Web Apps - View Source conference, Berlin 2016
 
Speed is Essential for a Great Web Experience
Speed is Essential for a Great Web ExperienceSpeed is Essential for a Great Web Experience
Speed is Essential for a Great Web Experience
 
HTML5 - Future of Web
HTML5 - Future of WebHTML5 - Future of Web
HTML5 - Future of Web
 
Dreamweaver CS6, jQuery, PhoneGap, mobile design
Dreamweaver CS6, jQuery, PhoneGap, mobile designDreamweaver CS6, jQuery, PhoneGap, mobile design
Dreamweaver CS6, jQuery, PhoneGap, mobile design
 
The Future of Progressive Web Apps - Google for Indonesia
The Future of Progressive Web Apps - Google for IndonesiaThe Future of Progressive Web Apps - Google for Indonesia
The Future of Progressive Web Apps - Google for Indonesia
 
Raiders of the Fast Start: Frontend Performance Archaeology - Performance.now...
Raiders of the Fast Start: Frontend Performance Archaeology - Performance.now...Raiders of the Fast Start: Frontend Performance Archaeology - Performance.now...
Raiders of the Fast Start: Frontend Performance Archaeology - Performance.now...
 
Sniffing the Mobile Context
Sniffing the Mobile ContextSniffing the Mobile Context
Sniffing the Mobile Context
 
Doing Modern Web, aka JavaScript and HTML5 in the Enterprise
Doing Modern Web, aka JavaScript and HTML5 in the EnterpriseDoing Modern Web, aka JavaScript and HTML5 in the Enterprise
Doing Modern Web, aka JavaScript and HTML5 in the Enterprise
 
HTML5: An Overview
HTML5: An OverviewHTML5: An Overview
HTML5: An Overview
 
The Future of the Web - Cold Front conference 2016
The Future of the Web - Cold Front conference 2016The Future of the Web - Cold Front conference 2016
The Future of the Web - Cold Front conference 2016
 

Viewers also liked

Etsy 台灣設計師開店入門
Etsy 台灣設計師開店入門Etsy 台灣設計師開店入門
Etsy 台灣設計師開店入門
Sanford Poon
 

Viewers also liked (7)

Etsy 開店規範:有什麼不能在Etsy上架?
Etsy 開店規範:有什麼不能在Etsy上架?Etsy 開店規範:有什麼不能在Etsy上架?
Etsy 開店規範:有什麼不能在Etsy上架?
 
Etsy 台灣設計師開店入門
Etsy 台灣設計師開店入門Etsy 台灣設計師開店入門
Etsy 台灣設計師開店入門
 
手作達人艾瑪之自創品牌經營與網拍密技
手作達人艾瑪之自創品牌經營與網拍密技手作達人艾瑪之自創品牌經營與網拍密技
手作達人艾瑪之自創品牌經營與網拍密技
 
Join Pinkoi!
Join Pinkoi!Join Pinkoi!
Join Pinkoi!
 
Pinkoi Platform
Pinkoi PlatformPinkoi Platform
Pinkoi Platform
 
ECX2014 Pinkoi 網站使用者經驗設計的二三事
ECX2014 Pinkoi 網站使用者經驗設計的二三事ECX2014 Pinkoi 網站使用者經驗設計的二三事
ECX2014 Pinkoi 網站使用者經驗設計的二三事
 
你不能不知道熱銷220國的必勝關鍵
你不能不知道熱銷220國的必勝關鍵你不能不知道熱銷220國的必勝關鍵
你不能不知道熱銷220國的必勝關鍵
 

Similar to Behind Pinkoi Window Redesign

VMG marketing deck 12.2014
VMG marketing deck 12.2014VMG marketing deck 12.2014
VMG marketing deck 12.2014
Kelly Sparks
 
Prepare for the Mobilacalypse
Prepare for the MobilacalypsePrepare for the Mobilacalypse
Prepare for the Mobilacalypse
Jeff Eaton
 
FITC - 2012-04-23 - Responsive Web Design
FITC - 2012-04-23 - Responsive Web DesignFITC - 2012-04-23 - Responsive Web Design
FITC - 2012-04-23 - Responsive Web Design
Frédéric Harper
 

Similar to Behind Pinkoi Window Redesign (20)

Rise of the Content Mesh: Webcast with Contentful and Gatsby
Rise of the Content Mesh: Webcast with Contentful and GatsbyRise of the Content Mesh: Webcast with Contentful and Gatsby
Rise of the Content Mesh: Webcast with Contentful and Gatsby
 
Mobile web apps
Mobile web appsMobile web apps
Mobile web apps
 
UX = ROI: It's not just a myth
UX = ROI: It's not just a mythUX = ROI: It's not just a myth
UX = ROI: It's not just a myth
 
Edith Yeung - Make Startup Investing Great Again @ Cyberport - Nov 2017
Edith Yeung - Make Startup Investing Great Again @ Cyberport - Nov 2017Edith Yeung - Make Startup Investing Great Again @ Cyberport - Nov 2017
Edith Yeung - Make Startup Investing Great Again @ Cyberport - Nov 2017
 
Social Tools Super Session By Benjamin Spiegel
Social Tools Super Session By Benjamin SpiegelSocial Tools Super Session By Benjamin Spiegel
Social Tools Super Session By Benjamin Spiegel
 
Social Tools Super Session | Social Pro 2015
Social Tools Super Session | Social Pro 2015Social Tools Super Session | Social Pro 2015
Social Tools Super Session | Social Pro 2015
 
Portfolio MMeyer 2014
Portfolio MMeyer 2014Portfolio MMeyer 2014
Portfolio MMeyer 2014
 
UX for Developers
UX for DevelopersUX for Developers
UX for Developers
 
VMG marketing deck 12.2014
VMG marketing deck 12.2014VMG marketing deck 12.2014
VMG marketing deck 12.2014
 
A Journey Down the Open Road - SymfonyCon Paris 2015
A Journey Down the Open Road - SymfonyCon Paris 2015A Journey Down the Open Road - SymfonyCon Paris 2015
A Journey Down the Open Road - SymfonyCon Paris 2015
 
Social
SocialSocial
Social
 
What are users expecting from mobile assets, today and tomorrow?
What are users expecting from mobile assets, today and tomorrow?What are users expecting from mobile assets, today and tomorrow?
What are users expecting from mobile assets, today and tomorrow?
 
Why do we need UX
Why do we need UXWhy do we need UX
Why do we need UX
 
Insivia Marketing presents Web Design Trends
Insivia Marketing presents Web Design TrendsInsivia Marketing presents Web Design Trends
Insivia Marketing presents Web Design Trends
 
Prepare for the Mobilacalypse
Prepare for the MobilacalypsePrepare for the Mobilacalypse
Prepare for the Mobilacalypse
 
FITC - 2012-04-23 - Responsive Web Design
FITC - 2012-04-23 - Responsive Web DesignFITC - 2012-04-23 - Responsive Web Design
FITC - 2012-04-23 - Responsive Web Design
 
Accidentally becoming accessibility champions - Chris Gibbons & Anya Braun [C...
Accidentally becoming accessibility champions - Chris Gibbons & Anya Braun [C...Accidentally becoming accessibility champions - Chris Gibbons & Anya Braun [C...
Accidentally becoming accessibility champions - Chris Gibbons & Anya Braun [C...
 
Why Customers Love Responsive Design (And You Should Too!)
Why Customers Love Responsive Design (And You Should Too!)Why Customers Love Responsive Design (And You Should Too!)
Why Customers Love Responsive Design (And You Should Too!)
 
Future Of Digital Marketing
Future Of Digital MarketingFuture Of Digital Marketing
Future Of Digital Marketing
 
AI-Volution: WordPress Developer’s Guide to Evolve in the Age of AI by Abhish...
AI-Volution: WordPress Developer’s Guide to Evolve in the Age of AI by Abhish...AI-Volution: WordPress Developer’s Guide to Evolve in the Age of AI by Abhish...
AI-Volution: WordPress Developer’s Guide to Evolve in the Age of AI by Abhish...
 

Recently uploaded

Structuring Teams and Portfolios for Success
Structuring Teams and Portfolios for SuccessStructuring Teams and Portfolios for Success
Structuring Teams and Portfolios for Success
UXDXConf
 

Recently uploaded (20)

Secure Zero Touch enabled Edge compute with Dell NativeEdge via FDO _ Brad at...
Secure Zero Touch enabled Edge compute with Dell NativeEdge via FDO _ Brad at...Secure Zero Touch enabled Edge compute with Dell NativeEdge via FDO _ Brad at...
Secure Zero Touch enabled Edge compute with Dell NativeEdge via FDO _ Brad at...
 
Structuring Teams and Portfolios for Success
Structuring Teams and Portfolios for SuccessStructuring Teams and Portfolios for Success
Structuring Teams and Portfolios for Success
 
AI mind or machine power point presentation
AI mind or machine power point presentationAI mind or machine power point presentation
AI mind or machine power point presentation
 
Where to Learn More About FDO _ Richard at FIDO Alliance.pdf
Where to Learn More About FDO _ Richard at FIDO Alliance.pdfWhere to Learn More About FDO _ Richard at FIDO Alliance.pdf
Where to Learn More About FDO _ Richard at FIDO Alliance.pdf
 
Designing for Hardware Accessibility at Comcast
Designing for Hardware Accessibility at ComcastDesigning for Hardware Accessibility at Comcast
Designing for Hardware Accessibility at Comcast
 
Microsoft CSP Briefing Pre-Engagement - Questionnaire
Microsoft CSP Briefing Pre-Engagement - QuestionnaireMicrosoft CSP Briefing Pre-Engagement - Questionnaire
Microsoft CSP Briefing Pre-Engagement - Questionnaire
 
Choosing the Right FDO Deployment Model for Your Application _ Geoffrey at In...
Choosing the Right FDO Deployment Model for Your Application _ Geoffrey at In...Choosing the Right FDO Deployment Model for Your Application _ Geoffrey at In...
Choosing the Right FDO Deployment Model for Your Application _ Geoffrey at In...
 
TopCryptoSupers 12thReport OrionX May2024
TopCryptoSupers 12thReport OrionX May2024TopCryptoSupers 12thReport OrionX May2024
TopCryptoSupers 12thReport OrionX May2024
 
Your enemies use GenAI too - staying ahead of fraud with Neo4j
Your enemies use GenAI too - staying ahead of fraud with Neo4jYour enemies use GenAI too - staying ahead of fraud with Neo4j
Your enemies use GenAI too - staying ahead of fraud with Neo4j
 
IESVE for Early Stage Design and Planning
IESVE for Early Stage Design and PlanningIESVE for Early Stage Design and Planning
IESVE for Early Stage Design and Planning
 
Oauth 2.0 Introduction and Flows with MuleSoft
Oauth 2.0 Introduction and Flows with MuleSoftOauth 2.0 Introduction and Flows with MuleSoft
Oauth 2.0 Introduction and Flows with MuleSoft
 
BT & Neo4j _ How Knowledge Graphs help BT deliver Digital Transformation.pptx
BT & Neo4j _ How Knowledge Graphs help BT deliver Digital Transformation.pptxBT & Neo4j _ How Knowledge Graphs help BT deliver Digital Transformation.pptx
BT & Neo4j _ How Knowledge Graphs help BT deliver Digital Transformation.pptx
 
State of the Smart Building Startup Landscape 2024!
State of the Smart Building Startup Landscape 2024!State of the Smart Building Startup Landscape 2024!
State of the Smart Building Startup Landscape 2024!
 
Easier, Faster, and More Powerful – Notes Document Properties Reimagined
Easier, Faster, and More Powerful – Notes Document Properties ReimaginedEasier, Faster, and More Powerful – Notes Document Properties Reimagined
Easier, Faster, and More Powerful – Notes Document Properties Reimagined
 
Extensible Python: Robustness through Addition - PyCon 2024
Extensible Python: Robustness through Addition - PyCon 2024Extensible Python: Robustness through Addition - PyCon 2024
Extensible Python: Robustness through Addition - PyCon 2024
 
A Business-Centric Approach to Design System Strategy
A Business-Centric Approach to Design System StrategyA Business-Centric Approach to Design System Strategy
A Business-Centric Approach to Design System Strategy
 
How we scaled to 80K users by doing nothing!.pdf
How we scaled to 80K users by doing nothing!.pdfHow we scaled to 80K users by doing nothing!.pdf
How we scaled to 80K users by doing nothing!.pdf
 
Behind the Scenes From the Manager's Chair: Decoding the Secrets of Successfu...
Behind the Scenes From the Manager's Chair: Decoding the Secrets of Successfu...Behind the Scenes From the Manager's Chair: Decoding the Secrets of Successfu...
Behind the Scenes From the Manager's Chair: Decoding the Secrets of Successfu...
 
ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...
ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...
ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...
 
ERP Contender Series: Acumatica vs. Sage Intacct
ERP Contender Series: Acumatica vs. Sage IntacctERP Contender Series: Acumatica vs. Sage Intacct
ERP Contender Series: Acumatica vs. Sage Intacct
 

Behind Pinkoi Window Redesign