コーポレートサイト制作 - Corporate Website Design & Development 植物を取り入れた空間づくりを行う「BLOOM UP THE URBAN」のコーポレートサイトを、STUDIOでの実装を行いました。 デザイン・情報設計 「都市に、咲く。植物と、生きる。」というブランドメッセージを軸に、グリーンを基調としたカラーと植物・空間の写真を組み合わせ、自然の心地よさと企業としての信頼感を両立したデザインにしています。トップページでは、About、Case、News、Contactへと順番に情報を見せることで、企業について知るところから実績、最新情報、問い合わせまで自然にサイトを回遊できる構成にしました。また、余白を大きく取ったレイアウトや細めのタイポグラフィを使用し、植物を扱うブランドらしい落ち着いた雰囲気を表現しています。 STUDIOでの実装 デザインをもとに、STUDIOを使用して複数ページのWebサイトを実装しました。共通して使用するヘッダー・フッター・Contactセクションなどはコンポーネント化し、ページ間でデザインやレイアウトを統一できるようにしています。また、NEWSにはSTUDIOのCMS機能を使用し、記事を管理・更新できる構成を実装しました。カテゴリー機能も設定し、投稿内容を「お知らせ」「メディア」に分類できるようにしています。 レスポンシブ対応 PC・タブレット・スマートフォンそれぞれの画面サイズに合わせてレイアウトを調整し、スマートフォンでも情報が読みやすく、操作しやすいようにレスポンシブ対応を行いました。デザインの再現だけでなく、実際のブラウザやスマートフォンで表示を確認し、各デバイスでのレイアウトや操作性を確認しています。