Facebook ホームページ|tablestyle
Logo

ホームページ|tablestyle

クレジット
ホームページ|tablestyle-1
シェア

ホームページ|tablestyle

◼︎案件概要 食の通販ブランド「tablestyle」のWebサイト制作。出汁・おにぎり食材などを販売するECサイトへの購買導線を軸に、読み物コンテンツやInstagramとの連携セクションも盛り込んだ、ブランドの世界観を総合的に伝えるホームページとして制作。当初はLPとしての依頼からスタートしたが、コンテンツの広がりに合わせてWebサイトとして設計を昇華させた。 ◼︎ターゲット 「丁寧な暮らし」に価値を感じている30〜40代の女性。忙しい日常の中でも、食を通じて自分のペースや暮らしのリズムを整えたいと考えており、素材・食文化へのこだわりを持つ方を想定。 ◼︎課題 / ニーズ ブランドとして大切にしている「丁寧さ・温かさ」の世界観を損なわずに、ECサイトへの購買導線をいかに自然に組み込むか、という点が最大の課題。また、商品紹介・読み物・SNS連携という複数の役割を持たせながらも、サイト全体の統一感を保つ構成設計が求められた。 ◼︎制作意図 ターゲット層が共感できる暮らしの価値観を最初に提示することを優先し、サイト全体を"買い物サイト"ではなく"生活に寄り添うメディア"として設計。FVのキャッチコピー「整う朝は、わたしを軽くする。」が象徴するように、まず世界観に共感してもらい、そこから自然に商品・コンテンツへと誘導する流れを意識した。読み物・Instagramといったコンテンツも、ブランドと生活者の接点を深める要素として位置づけ、ECへの押しつけがましさが出ないよう導線を丁寧に設計している。 ◼︎デザインのポイント ベージュ・オフホワイトを基調とした温かみのある配色で、「丁寧さ」「ナチュラル」「上質」を同時に体現。食材・料理の写真をたっぷり使い、見ているだけで日常が豊かになるような雰囲気を演出した。余白を広めに確保することで情報量が多くなっても圧迫感を与えず、スマートフォンでの閲覧にも対応した読みやすいレイアウトに仕上げている。 ◼︎担当範囲 ・構成 ・デザイン ・実装(実装) ◼︎使用ツール ・Figma ・Photoshop
クレジット
シェア
KATAmi design (カタミ デザイン)の他の作品
画像
作品を見る
スライドデザイン|採用案内
画像
作品を見る
スライドデザイン| セミナースライド
画像
作品を見る
LP| 歯科医院向け経営セミナー
foriio

あなたのforiioを無料で作成

fori.io/
ホームページ|tablestyle-1

ホームページ|tablestyle

◼︎案件概要 食の通販ブランド「tablestyle」のWebサイト制作。出汁・おにぎり食材などを販売するECサイトへの購買導線を軸に、読み物コンテンツやInstagramとの連携セクションも盛り込んだ、ブランドの世界観を総合的に伝えるホームページとして制作。当初はLPとしての依頼からスタートしたが、コンテンツの広がりに合わせてWebサイトとして設計を昇華させた。 ◼︎ターゲット 「丁寧な暮らし」に価値を感じている30〜40代の女性。忙しい日常の中でも、食を通じて自分のペースや暮らしのリズムを整えたいと考えており、素材・食文化へのこだわりを持つ方を想定。 ◼︎課題 / ニーズ ブランドとして大切にしている「丁寧さ・温かさ」の世界観を損なわずに、ECサイトへの購買導線をいかに自然に組み込むか、という点が最大の課題。また、商品紹介・読み物・SNS連携という複数の役割を持たせながらも、サイト全体の統一感を保つ構成設計が求められた。 ◼︎制作意図 ターゲット層が共感できる暮らしの価値観を最初に提示することを優先し、サイト全体を"買い物サイト"ではなく"生活に寄り添うメディア"として設計。FVのキャッチコピー「整う朝は、わたしを軽くする。」が象徴するように、まず世界観に共感してもらい、そこから自然に商品・コンテンツへと誘導する流れを意識した。読み物・Instagramといったコンテンツも、ブランドと生活者の接点を深める要素として位置づけ、ECへの押しつけがましさが出ないよう導線を丁寧に設計している。 ◼︎デザインのポイント ベージュ・オフホワイトを基調とした温かみのある配色で、「丁寧さ」「ナチュラル」「上質」を同時に体現。食材・料理の写真をたっぷり使い、見ているだけで日常が豊かになるような雰囲気を演出した。余白を広めに確保することで情報量が多くなっても圧迫感を与えず、スマートフォンでの閲覧にも対応した読みやすいレイアウトに仕上げている。 ◼︎担当範囲 ・構成 ・デザイン ・実装(実装) ◼︎使用ツール ・Figma ・Photoshop
クレジット
シェア
KATAmi design (カタミ デザイン)の他の作品
画像
作品を見る
スライドデザイン|採用案内
画像
作品を見る
スライドデザイン| セミナースライド
画像
作品を見る
LP| 歯科医院向け経営セミナー
foriio

あなたのforiioを無料で作成

fori.io/