「cakesとnoteのストア」フロントエンド実装しました。

「cakesとnoteのストア」フロントエンド実装しました。

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

PC

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

Mobile

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

塚口 祐司 / Yuji Tsukaguchi

1987年生まれ。Webデザイナー/エンジニア。DTP、動画配信・リッチコンテンツ制作、Web制作会社共同創業を経て、フリーランスとして独立。デザインからフロントエンドの実装、WordPressやMovableTypeなどのCMS構築まで一貫した制作を行う。著書にMdN社から発売の「Webサイトこれからどうなるの? キーワードから探る未来像」や「現場のプロが教えるWeb制作の最新常識」など。