コワーキングスペースLP
(1ページ構成サイト)
トレース制作

コワーキングスペースのサービス紹介を目的とした1ページ構成のWebサイトを、デザイン構造や導線設計を分析しながらトレース制作しました。情報設計・視線誘導・セクション構成など、LP型サイトとしての役割理解を目的としています。

種別
Webサイト トレース課題
制作期間
2日
使用ツール
figma
担当範囲
分析 / 再現 / レイアウト設計
目的
サービス訴求LPの構造理解
ターゲット
20〜40代 / フリーランス・ビジネスパーソン
KPI
滞在時間向上 / 問い合わせ・予約導線の強化

制作意図

本サイトは、サービスの魅力を段階的に伝えながら、最終的に「予約」へと導く導線設計がされた構成となっています。トレースにあたっては、見た目の再現に留まらず、ユーザーが自然に理解し行動へ進む情報の流れを意識しました。

制作時に意識したポイント

サイト再現にあたり、特に意識して工夫した点は以下です。

  • Point 01

    視線誘導

    上から下へ自然に読み進められる構造を意識。

  • Point 02

    情報の優先順位

    価値 → 特徴 → 価格 の順で配置し、理解しやすい流れを設計。

  • Point 03

    UIの統一感

    色・余白・フォントのルールを統一し、信頼感を担保。

  • Point 04

    導線設計

    ユーザーがストレスなく予約へ進めるよう導線を意識。

学び

LP型サイトは単なる情報の羅列ではなく、ユーザーの理解と行動を設計する構造デザインであることを学びました。

制作における強み

マーケティング視点を活かし、サービス訴求・情報設計・導線設計まで一貫して考えたデザインが可能です。

お問い合わせ

※ デザインスクール課題として
トレース制作した作品です。
商用利用目的ではありません。

コワーキングスペースLPのPCデザイン コワーキングスペースLPのスマートフォンデザイン