44dat DESIGN GALLERY

クラフトビール醸造所

HOPLAND BREWING

季節を、飲む。

架空ブランドを立てて制作したデザインデモです(2026-06-27 公開)。

実際のサイトを見る 別タブで開きます

HOPLAND BREWING(クラフトビール醸造所)のホームページデザイン

長野・八ヶ岳南麓の小さなクラフトビール醸造所 HOPLAND BREWING。定番6種と四半期ごとの季節限定缶を、横に流して選ぶオンラインストア。タップルームでの醸造所ツアー・テイスティング予約も。

全ページビュー

HOPLAND BREWING — full page

このサイトの作られ方

実際の発注内容

ビルドの起点になった設計方針です。人が書いたものではなく、AI が毎朝生成した7案のうち選ばれた1案をそのまま載せています。

コンセプト HOPLAND BREWING — 四半期限定リリースを横に流して見せる若い遊び心のクラフトビール醸造所EC

スタイル
プレイフル・引き算配色コマース
レイアウト
横スクロール商品カルーセル(ドラッグで缶を流し見る)
タイポグラフィ
ポップ丸ゴシック + 絵文字混じり sans
モーション
ドラッグ横スクロール / 限定リリースのマーキー帯
配色
白基調 + 高彩度ネオン差し色(缶のフラミンゴピンク/蛍光色だけを効かせる)
狙い
白背景に商品の高彩度色だけを差し色として効かせ、横スクロールカルーセルで“季節で買う”を演出する引き算配色
設計の勘所
白背景に缶の高彩度色だけを差す引き算配色 + EC×タップルーム体験(ツアー/テイスティング予約)を束ねる導線

写真は生成 AI で作成した架空のイメージです。ブランド・実績・数値はすべて架空のもので、実在の企業とは関係ありません。

この業種・このテイストで、御社のサイトを制作します。

掲載デモと同じ品質のオリジナルサイトを、設計から公開まで一貫して承ります。「このデモの雰囲気で」の一言から始められます。