Hamburger Shopコーポレートサイト

DEMO動画

https://rtbread.fool.jp/

プロジェクト概要

  • ジャンル:  コーポレートサイト
  • 目的:  ユーザーがメニュー、店舗情報などの必要な情報を直感的に見つけられる構成・設計を意識して制作
  • ターゲット:  BtoC向け
  • 担当領域:  コーディング全て / WordPress化 / レスポンシブ対応(PC / タブレット / スマホ)
  • 制作時間:  237時間 + 下層ページ 95時間 + WordPress化161時間
  • (学習時間含む)

使用技術

HTMLHTML
CSSCSS
jQueryjQuery
JavaScriptJavaScript
FigmaFigma
VSCodeVSCode
GitGit
FLOCSSFLOCSS
WordPressWordPress
PHPPHP

リンク

Point.1

レスポンシブ対応

Responsive View

Point.2

WordPressのタグ・カテゴリーを活用し、ユーザーが「検索フォーム」または「メニュー」から目的の記事を探しやすい設計

検索フォームとメニュー

Point.3

Leafletを用いたカスタム地図挿入

mapの表示
pc全体図、ギミック
メニューカテゴリ
検索フォーム
タブレット全体図
pageとsingleのページ
sp全体図
spのpageとsingleのページ
一覧に戻る