Imami's Portfolio

作品詳細ページです

株式会社トータルアークデザイン

トータルアークデザイントップ画像

このサイトについて

  • 架空の建築事務所のコーポレートサイトです。
  • コンセプト:長年の実績と未来志向を兼ね備えた会社
  • 制作期間:約1ヶ月半(学生時代の課題を修正:12日含む)
  • ターゲット:建築を愛する老若男女
  • 配色:濃淡のグレーと薄いミントグリーンでスタイリッシュに


工夫した点

建築事務所サイトポイント01画像

PC画面(左)とスマホ画面(右)


1スライドショー装備&レスポンシブデザイン対応

jQuery「bxslider」を使用し、ファーストビューに建築系のスライドショーを掲載。設計や建築のイメージをユーザーに印象付けるようにしました。

例)自社の建築物に自信を持っている会社と想定して、ナビボタンなどにも建築物の画像を多めに使用。文字の視認性にも意識してデザインしました。


建築事務所サイトポイント02画像

2スマホの操作(スワップ)をしやすい横スクロール実装

事例集のページでは、スマホでは事例を下に並べずに横にスライドさせる構造にして、ユーザーが使いやすいようにしました。


ウェブサイトを見る

TOP▲