Works
制作詳細
株式会社 ワース・システムクリエイト
Webサイト
First View
「ハブ」としてのファーストビュー
ユーザーがページを下る前に「何があるか」を瞬時に理解できるよう、
視認性を重視したUIデザインを構築しました。
プロジェクト概要
「1ページ完結の利便性と、迷わせない導線を両立したコーポレートサイト」
システム開発から保守・運用まで幅広く手掛ける株式会社ワース・システムクリエイト様の公式サイト。
創業から続く信頼感と、IT企業としてのスマートさをHTML/CSSのシングルページ構成で表現しました。
制作概要
クライアント
株式会社ワース・システムクリエイト 様
制作期間
約１か月（設計～コーディング完了まで）
担当範囲
企画構成 / サイト設計 / デザイン / コーディング
ツール
HTML5 / CSS3 / JavaScript(jQuery) / レスポンシブ対応
デザインの方向性
信頼感・誠実・スマート・機能的
主な機能
シングルページ構成 / スムーズスクロール / お問い合わせフォーム / 外部実績リンク集
ご要望
単ページ完結
複数の階層を辿らせるのではなく、1ページをスクロールするだけで会社情報の全体像を把握できる構成にしたい。
直感的なナビゲーション
サービス内容が多岐にわたるため、トップページに来た瞬間に目的のコンテンツへアクセスできる動線を作りたい。
運用のしやすさ
シンプルなHTML構成により、将来的な微修正も容易にしたい。
制作のポイント
「ハブ」としてのファーストビュー
インパクトのあるメインビジュアルの下に、主要4カテゴリ（事業内容・実績・採用情報等）をタイル状に配置。ユーザーがページを下る前に「何があるか」を瞬時に理解できるよう、視認性を重視したUIデザインを構築しました。
情報の階層化とスクロール体験
1枚仕立て（LP形式）特有の「情報の多さによる離脱」を防ぐため、セクションごとに背景色やレイアウトにメリハリをつけ、読みやすさを追求。スムーズなページ内アンカーの実装により、ストレスのない回遊性を実現しています。
ミニマリズムと信頼感の両立
装飾を削ぎ落とし、余白を活かしたミニマルなデザインを採用。落ち着きのあるセピアカラーをアクセントに添えることで、システム開発会社としての「誠実さ」と、無機質にならない「人間味のある信頼感」を両立させました。