【自主制作】SHE WORKS LPトレース

OVERVIEW

(SHElikes PROデザイナーコース 実践課題) 【制作範囲】Webサイト「SHE Works」トレース/分析/スタイルガイド作成

YEAR 2025

【制作時間】約18時間

【制作年】2025年11月

【使用ツール】Photoshop

| 目次

|  制作物(トレースしたLP)

|  スタイルガイド

|  PCとスマホでレイアウトが異なる箇所の分析

| サイトの分析:ターゲット・目的・ユーザーストーリー

| まとめ

----------------------------------------------------------------------------------

|  制作物(トレースしたLP)

|  スタイルガイド

|  PCとスマホでレイアウトが異なる箇所の分析

| サイト分析:ターゲット・目的・ユーザーストーリー

ターゲット

クリエイティブ部門(デザイン、マーケティング等)のリソース不足に課題を抱える企業

複数のクリエイティブスキルに対応できる即戦力人材を求める企業


目的

幅広いクリエイティブスキルを持った即戦力人材の提供を通じて、企業の業務リソース不足を解消し、サービス導入・契約へと導く。


ユーザーストーリー

幅広いクリエイティブ業務に対応できる人材が急募だが、従来の採用手法では見つからない…。柔軟に対応してくれるリソースが必要なんだけど。

このサービスでは本当に当社のレベルの品質を提供してもらえるのか。費用はどれくらいかかるのかちょっと不安もある。

もしかしたら、柔軟な対応や即戦力を期待できるかもしれない。まずは導入事例や料金体系など詳しく知りたい。資料をダウンロード、問合せして具体的な話を聞いて確認しよう。

|まとめ

  • 構造への理解
    検証ツールを使いHTML / CSS の理解を深めると同時に、見た目の再現だけでなく、div構造やフォント設定など、Webサイトを支える仕組みに目を向ける大切さを学びました。

  • 意図を読み取る視点
    余白や文字サイズ、配色などすべて意図があることを実感。デザインと実装を行き来しながら再現力を高めました。