Foodpace公式サイト
サイトURL
概要
設計、デザイン、コーディング、 WordPress組み込みまで、担当しています。
foodapceの公式ホームページです。
設計
「ユーザーに伝えたいことは何か」を常に意識し、どのような情報をどこに掲載するか、なぜ載せるかなどメンバーで話し合いを重ね、設計しております。
デザイン
foopaceらしさを表現したデザインになっております。チームカラーを基調として調整したカラー。
フォント選びにもこだわっております。
またメインビジュアル（トップページを訪れた際に、最初に表示される画面）にもこだわりを持ち制作しております。チームメンバー同士、私たちとお客様。人と人のつながりを大切しているfoodapceだからこそ、「つながり」を意識してデザインしています。幾何学模様の頂点と線は、人と人を表しており、見え方が違っていても青と白の背景の、境界を超えて繋がっているイメージでデザインしました。
コーディング
幅広いユーザーに対応できるサイトにすることを目標に、 セマンティック・アクセシビリティを意識したマークアップ、レスポンシブ対応、クロスブラウザ対応、構造、SEO対策、を意識して制作しております。
また、長期に渡り運用することを想定し、理解しやすいクラス命名規則、適切なファイル分割を意識して環境調整・作成を進めております。
WordPress組み込み
運用者が少しでも使いやすくなるように、決まった値を入力するブログ機能などは、カスタムフィールドを追加して実装しております。その他運用・運営しやすいように管理画面のカスタマイズなども行なっております。
使用技術
- HTML
- CSS/SCSS
- JavaScript
- webpack
- WordPress
制作期間
1か月
担当
| 設計 | テツ、吉谷、富山 |
| デザイン | テツ |
| コーディング | テツ |
| WordPress組み込み | テツ |