Logo

炭火焼鳥・居酒屋の店舗Webサイト構築(飲食業)

クレジット
Avatar
Webデザイン
マークアップ
ランディングページ
炭火焼鳥・居酒屋の店舗Webサイト構築(飲食業)-1
シェア

炭火焼鳥・居酒屋の店舗Webサイト構築(飲食業)

■担当範囲 ディレクション / Webデザイン / フロントエンドエンジニア ■使用ツール・言語 WordPress / JavaScript / CSS / Adobe XD 京都・舞鶴市にある炭火焼鳥店の公式Webサイトを新規構築いたしました。 【Direction & Design (Adobe XD)】 「炭火の温かみ」と「料理のシズル感」を最優先にデザインしました。 Adobe XDを用いて、食欲をそそる写真を大きく配置するレイアウトを検証。黒や木目調をベースにした配色で、店内の落ち着いた雰囲気と本格的な炭火焼きの魅力をWebサイト上で再現しています。 また、来店動機につなげるため、こだわり抜かれた食材や調理法の紹介コンテンツを充実させ、お店のブランディング強化を図りました。 【Development (WordPress / CSS / JavaScript)】 季節のおすすめメニューや営業時間の変更などを、お店のスタッフ様が手軽に更新できるようWordPressを導入しました。 飲食店はお客様がスマートフォンで検索して来店するケースが多いため、レスポンシブ対応を徹底。 「電話予約」や「アクセス(地図)」へのボタンを押しやすい位置に配置するなど、ユーザビリティを考慮したUI設計とコーディングを行っています。 2022年公開
クレジット
Avatar
Webデザイン
マークアップ
ランディングページ
シェア
foriio

あなたのforiioを無料で作成

fori.io/
炭火焼鳥・居酒屋の店舗Webサイト構築(飲食業)-1

炭火焼鳥・居酒屋の店舗Webサイト構築(飲食業)

■担当範囲 ディレクション / Webデザイン / フロントエンドエンジニア ■使用ツール・言語 WordPress / JavaScript / CSS / Adobe XD 京都・舞鶴市にある炭火焼鳥店の公式Webサイトを新規構築いたしました。 【Direction & Design (Adobe XD)】 「炭火の温かみ」と「料理のシズル感」を最優先にデザインしました。 Adobe XDを用いて、食欲をそそる写真を大きく配置するレイアウトを検証。黒や木目調をベースにした配色で、店内の落ち着いた雰囲気と本格的な炭火焼きの魅力をWebサイト上で再現しています。 また、来店動機につなげるため、こだわり抜かれた食材や調理法の紹介コンテンツを充実させ、お店のブランディング強化を図りました。 【Development (WordPress / CSS / JavaScript)】 季節のおすすめメニューや営業時間の変更などを、お店のスタッフ様が手軽に更新できるようWordPressを導入しました。 飲食店はお客様がスマートフォンで検索して来店するケースが多いため、レスポンシブ対応を徹底。 「電話予約」や「アクセス(地図)」へのボタンを押しやすい位置に配置するなど、ユーザビリティを考慮したUI設計とコーディングを行っています。 2022年公開
クレジット
Avatar
Webデザイン
マークアップ
ランディングページ
シェア
foriio

あなたのforiioを無料で作成

fori.io/