CRAワークサポートセンター LP
DESIGN / CODING
- 制作期間
-
企画・設計:2週間
ワイヤーフレーム・デザイン:1週間
コーディング:3日 - 使用ツール
-
Illustrator
Photoshop
Adobe XD
Visual Studio Code - 使用言語
-
HTML5
CSS3
JavaScript(jQuery)
About
現職で勤務する就労移行支援事業所のLPサイト全面改修にあたり、企画・設計・デザイン・PC版マークアップまでのフェーズを担当しました。
※2025年6月16日に公開されましたが、画像選定や細部の調整は現在も進行中のため、引き続き制作途中の状態です。
本プロジェクトでは、まず現行LPの課題を洗い出すと同時に、「現在の事業所がどのような強みを持ち、どのような取り組みをしているのか」を把握することを目的に、事業所上長やディレクターとの綿密なヒアリングを実施しました。
単にデザインを刷新するだけではなく、現場で実際に働くスタッフや支援対象者の声を反映させ、よりリアルで説得力のある構成づくりを意識しています。
デザイン面では、既存LPとの差別化を図るため、事業所のテーマカラーであるオレンジを基調に採用しつつ、過度に派手にならないよう柔らかいトーンと視認性の高い配色を心がけました。見た目の印象だけでなく、初めて訪れた方にも安心感を与えられるデザイン設計を追求しています。
モーダル表示などの動的なアクションを含むマークアップ実装も担当。レスポンシブ対応およびWordPress化は別担当者に引き継ぐ体制で進行しました。
「より見やすく、伝わりやすく、安心感のあるLPへ」をテーマに、社内外との連携や情報設計に特に時間をかけて取り組んだプロジェクトです。
現在は運用公開されており、上部のリンクよりご覧いただけますが、引き続き微調整を行っているため、予告なく内容が変更される可能性があります。
Design