SlideShare uma empresa Scribd logo
1 de 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

Mais conteúdo relacionado

Mais procurados

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
 

Mais procurados (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
 

Destaque

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

Destaque (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國的必勝關鍵
 

Semelhante a 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
 

Semelhante a 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...
 

Último

Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Safe Software
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Safe Software
 
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Victor Rentea
 
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Victor Rentea
 

Último (20)

MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024
 
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, AdobeApidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
 
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherStrategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
 
[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf
 
Platformless Horizons for Digital Adaptability
Platformless Horizons for Digital AdaptabilityPlatformless Horizons for Digital Adaptability
Platformless Horizons for Digital Adaptability
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
 
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
 
DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 AmsterdamDEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
 
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdfRising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
 
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodPolkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
 
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
 
FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024
 
MS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectorsMS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectors
 
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
 
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
 
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor Presentation
 

Behind Pinkoi Window Redesign