DESIGN × CREATIVE × LOGIC

TOP / WORKS / 株式会社Three-8 コーポレートサイト制作

Web 実案件 |2023.2 |Figma / HTML / CSS / JavaScript / Bootstrap

株式会社Three-8 コーポレートサイト制作

Bootstrapベースのシンプルページ。分社化に伴う飲食事業サイト。

株式会社Three-8 コーポレートサイト制作
CLIENT株式会社Three-8様
期間1か月
担当デザイン〜コーディング
TOOLFigma / HTML / CSS / JavaScript / Bootstrap

PROCESS / 制作過程

概要

 会社の分社化に伴い、飲食事業を紹介するコーポレートサイトのデザインおよび実装を担当しました。株式会社Three-8は、心温まるおもてなしと美味しい料理の飲食店・社交飲食店の経営、イベントの企画・運営、イベントスペースの賃貸などを手がける企業です。

デザインカンプ

 Figmaでスマホとデスクトップの2種の画面デザインを考案しました。飲食店運営、イベント企画、イベントスペースの提供など、多角的に展開する事業内容をユーザーへ分かりやすく伝えるため、情報の構造化を徹底。全体のトーン&マナーは、洗練された雰囲気と確かな信頼感を両立させたデザインへと仕上げています。レスポンシブ対応においてはスマートフォンでの閲覧を最優先(モバイルファースト)とし、スマートフォンの画面幅において最も操作しやすく視認性が高くなるよう、あえて要素を削ぎ落としたシンプルなレイアウト設計を採用しました。

コーディング

 コーディングではBootstrapを活用し、効率的かつスピード感のある実装を行いました。また、スクロール時にヘッダーを自動で非表示にする機能や、トップページへのスムーズなスキップ処理など、ユーザビリティを意識したJavaScript実装も担当しています。

▼実サイトは以下からご閲覧いただけます。▼
https://www.three-8.com

RESULT / 成果
モバイルファーストスマホ閲覧を最優先した設計 2種のカンプFigmaでスマホ・PCをデザイン JavaScriptヘッダー自動非表示などのUX実装
WORKS一覧へ戻る