生豆焙煎工房 まめや弎

mameya3

mameya3モックアップ画像

DATA

制作内容:
WEBサイト
WordPressテーマ「SWELL」カスタマイズ
レスポンシブ対応
担当範囲:
コーディング(トップ:1ページ)
WordPress導入
制作期間:
7日間
使用技術:
HTML / Sass(CSS) / WordPress /
JavaScript / jQuery / Pug / webpack / GSAP
Plugin:
Swiper.js(JavaScript)
Smart Custom Fields (WordPress)

ABOUT

埼玉県さいたま市にある珈琲豆屋「生豆焙煎工房 まめや弎(さん)」のWEBサイトです。
当スタジオではトップページのコーディング作業を担当させていただきました。

- トップページ
WordPressテーマ「SWELL」をベースに、トップページのみ子テーマ(SWELL CHILD)にて、ゼロからHTML/CSSコーディングにて制作いたしました。
クライアント様のデザインイメージを元に、当スタジオが具体的なデザインに落とし込み、対話を重ねながらコーディングを進めていきました。
「珈琲の世界地図」のアニメーションは、インラインSVGとJavaScriptにて実装しております。
シンプルなデザインの中にちょっとした動きを入れ、サイト全体のアクセントとなるようにいたしました。