cakesとnoteが展開するグッズ・書籍の「スマート新書」「noteのノート」「cakesの手帳」「自分への取材手帳」を取り扱ったストアサイトを実装しました。

PC

細かいギミックとしては、ブラウザサイズの可変によって画像位置の調整を行っています。デザインの最大幅・最小幅に合わせて中央を起点に拡縮を行っています。通常、縮小された場合はブラウザの右端から画像が見えなくなっていきますがこの方法であれば中心を維持したまま画像を見せることができます。

Mobile

site name	cakesとnoteのストア
url	http://store.note.mu/
design & direction	SCNR inc.