Roastelier® by Nescafé®
ROASTELIER by NESCAFÉ by Nestlé Japan Ltd. is a new premium brand of NESCAFÉ that embodies the spirit of the Atelier. All coffee beans are shipped within 12 hours of roasting, allowing customers to experience "freshly roasted" coffee at home.
PROJECT OVERVIEW
Responsible for the design and construction of the Shopify store. Also responsible for the creation of trial product pages for trial sets. We also implemented the application, including the registration form for the coffee seminar and the delivery date/time specification.
PC
![](http://goriderep.com/cdn/shop/files/ROASTELIER-by-NESCAFE-pc_1000x.jpg?v=1652216633)
SP
![](http://goriderep.com/cdn/shop/files/ROASTELIER-by-NESCAFE-sp_1000x.jpg?v=1652216632)
RESULT
The product pages are customized so that when you click on a products, a graph explains the changes in the flavor and the coffe extraction methods are linked to the product page. The top of the page has a brand description and three key points to help consumers undertsand the brand. The mobile version of the site has a fixed header and is arranged in way that consumers can smoothly explore the site.
![Roastelier® by Nescafé®](http://goriderep.com/cdn/shop/products/ROASTELIER-by-NESCAFE-01_2000x.jpg?v=1652216697)
![Roastelier® by Nescafé®](http://goriderep.com/cdn/shop/products/ROASTELIER-by-NESCAFE-02_2000x.jpg?v=1652216697)
![Roastelier® by Nescafé®](http://goriderep.com/cdn/shop/products/ROASTELIER-by-NESCAFE-03_2000x.jpg?v=1652216697)
OTHER WORKS
![](http://goriderep.com/cdn/shop/files/379f6651b754011638dc03354c385b8f_1000x.png?v=1721614922)
9th Port
#CREATIVE
#SHOPIFY
![](http://goriderep.com/cdn/shop/files/4d0292d09d1a164e8eee43fbfb79427c_7b0567f6-73be-4a7f-aa81-3dc8fff702f2_1000x.jpg?v=1721288741)
9th Port
#CREATIVE
#SHOPIFY
![](http://goriderep.com/cdn/shop/files/kumakidskv_1000x.jpg?v=1711308460)
Kuma Kids
#CREATIVE
#SHOPIFY
![](http://goriderep.com/cdn/shop/files/CHICAGORAMEN_1000x.jpg?v=1706211000)
CHICAGO RAMEN
#DIGITAL MARKETING
#SHOPIFY
![](http://goriderep.com/cdn/shop/files/RamenGuys_1000x.jpg?v=1706210527)
Ramen Guys
#DIGITAL MARKETING
#SHOPIFY
![](http://goriderep.com/cdn/shop/files/GARDENTOKYO_1000x.jpg?v=1703288316)
Garden Tokyo
#CREATIVE
#DIGITAL MARKETING
#SHOPIFY
![](http://goriderep.com/cdn/shop/files/THECRIMIE_1000x.jpg?v=1703288818)
THE CRIMIE
#CREATIVE
#DIGITAL MARKETING
#SHOPIFY
![](http://goriderep.com/cdn/shop/files/CCC_456af50e-cf73-434a-bcdf-79232b784912_1000x.png?v=1685948355)
Fan+Life
#ECサイト
#SHOPIFY
![](http://goriderep.com/cdn/shop/files/Gold_sgym_1000x.png?v=1685351282)
Gold's Gymania
#ECサイト
#Go Sub
#SHOPIFY
![](http://goriderep.com/cdn/shop/files/Seiko_1c7ac3cc-42ca-4a8a-b8ad-a787ce547349_1000x.png?v=1682400171)
Seiko online store
#ECサイト
#SHOPIFY
![](http://goriderep.com/cdn/shop/products/fitnessshop-KV_1000x.png?v=1673404711)
Fitness shop
#SHOPIFY
![](http://goriderep.com/cdn/shop/products/JAPANNEXT_1000x.png?v=1681969807)
JAPANNEXT
#ECサイト
#SHOPIFY
![](http://goriderep.com/cdn/shop/products/okura-main-visual_1000x.jpg?v=1667411065)
OKURA
#SHOPIFY
![](http://goriderep.com/cdn/shop/files/hightidelogo_600x600_19c135a5-5f26-4e3c-b9b0-33f9c4a65226_1000x.jpg?v=1684884632)
HighTide
#DIGITAL MARKETING
![](http://goriderep.com/cdn/shop/products/kv_1000x.jpg?v=1661545993)
Matchæologist®
#SHOPIFY
![](http://goriderep.com/cdn/shop/products/vital-proteins-main-2-scaled_1000x.jpg?v=1648434405)
VITAL PROTEINS
#SHOPIFY
![](http://goriderep.com/cdn/shop/products/Tabio-01_1000x.jpg?v=1648437909)
Tabio USA
#CREATIVE
#DIGITAL MARKETING
#SHOPIFY
![](http://goriderep.com/cdn/shop/products/forne-main-visual-pc_1000x.jpg?v=1648417922)
Forne
#SHOPIFY
![](http://goriderep.com/cdn/shop/products/Rip-Curl-main-visual_1000x.jpg?v=1648419884)
RIP CURL
#DIGITAL MARKETING
#SHOPIFY
![](http://goriderep.com/cdn/shop/products/lunaearth-main-visual-1_1000x.jpg?v=1648419569)
LUNA EARTH
#SHOPIFY
![](http://goriderep.com/cdn/shop/products/HELICAL-CHORD-main_1000x.jpg?v=1648434828)
HELICAL CHORD
#SHOPIFY
![](http://goriderep.com/cdn/shop/products/9th-Port-01_1000x.jpg?v=1648436346)
9th Port
#CREATIVE
#DIGITAL MARKETING
#SHOPIFY
![](http://goriderep.com/cdn/shop/products/Reale-01_1000x.jpg?v=1648490657)
Reale
#SHOPIFY
![](http://goriderep.com/cdn/shop/products/sc1100x428_1000x.jpg?v=1649650346)
Search & co
#APP DEVELOPMENT
![](http://goriderep.com/cdn/shop/files/gosub-banner_c703efd0-f474-4ce8-926b-2145977ce79d_1000x.png?v=1685494421)
GO SUB | Subscription | Subscription
#APP DEVELOPMENT
![](http://goriderep.com/cdn/shop/products/aromausa-01_1000x.jpg?v=1648493907)
At-Aroma USA, Inc
#CREATIVE
#SHOPIFY
![](http://goriderep.com/cdn/shop/products/BOOKOFFUSA-01_1000x.jpg?v=1648498509)
BOOKOFF USA
#CREATIVE
#WORDPRESS
![](http://goriderep.com/cdn/shop/products/Amnet-01_1000x.jpg?v=1648498304)
Amnet
#CREATIVE
#WORDPRESS
![](http://goriderep.com/cdn/shop/products/AIRBUGGY-01_1000x.jpg?v=1648497627)
AIRBUGGY
#CREATIVE
#SHOPIFY
![](http://goriderep.com/cdn/shop/products/GG-Retrofitz-01_1000x.jpg?v=1648497155)
GG Retrofitz
#CREATIVE
#SHOPIFY
![](http://goriderep.com/cdn/shop/products/Union-01_1000x.jpg?v=1648496892)
Union
#CREATIVE
#SHOPIFY