【株式会社 グランラビジョン様】LP制作

①クライアント情報・要件定義

｜クライアント情報

クライアント名：株式会社グランラビジョン様

個人が持つ本来の美しさ「素美力」を一緒に作るべく、エステサロンや美容室を運営している。

｜要件定義

⚪︎目的

・HPを通して企業のビジョンを認知してもらうこと

・HPからLINE公式アカウントへの申し込み、お問い合わせが増加すること

⚪︎ターゲット

・20代後半〜40代の女性

・トレンドよりも自分が似合うものや上質な美しさを求めている人

⚪︎トンマナ

今回はトンマナとコンセプト設計もご提案させていただきました。

②制作物

| デザインカンプ

| 実装サイト

https://www.grandlavision.com/

今回は既存で使用していたホームページのトップページを作成しました。

※今回はノーコードツールWixを使用し実装をしています。

③工夫したこと

｜深いヒアリングを元にしたライティング

今回、クライアントから「自分の信条が伝わる名刺がわりのサイトにしたい」とのご要望をいただきました。代表さまの企業に対する想いも非常に強く、それが企業の魅力にもつながっていると判断したため、デザインカンプを作成する前に、起業した背景や想いを伺うインタビューを複数回実施しました。

伺った想いから、「その人本来が持っている美しさを引き出したい」という軸を見つけ、それを元にサイト内のライティングとデザインを作成しました。

クライアントからは「私の想いが予想以上に綺麗に形になった」というお言葉をいただいています。

｜企業の世界観をイメージしたメインビジュアルの画像加工

HP際の顔ともいえるメインビジュアルは「その人が本来持つ美しさ」が直感的に伝わるような写真選びを意識しました。過度なメイクアップがなく、健康的で上品な美しさが伝わる写真を採用しています。

また、少し左から光が当たっているような白いグラデーションで加工しました。これは美容系企業に重要な清潔感と、これから美しさが引き出されていくイメージを与える狙いがあります。

④課題を通して学んだこと

｜デザインカンプ作成前にイメージを擦り合わせることの重要性

トンマナがそこまで固まっていない企業様だったため、デザインカンプを作る前にムードボードやスタイルシートを作成し、イメージのすり合わせを行いました。

ムードボートを見せながら視覚的にイメージをすり合わせることで、「洗練されている」「清潔感」などサイト作成で重要なイメージを固め、サイト制作をスムーズに進めることができました。事前にクライアントと密にコミュニケーションをとることの重要性を学んだ機会だったと感じています。

｜ノーコードツールの特性を事前に把握することで、デザイン実装がスムーズに進むこと

今回は、ノーコードツールWixを初めて使用し実装しました。作成する中でノーコードツールならではの便利さも感じた一方で、あしらいなどのデザインを自由度が少し狭いなど、ツールならではの特性に戸惑い、デザインを修正する過程が発生しました。

今後はどのツールを使い、それはどういう特性があるのかを事前に把握することで、デザイン段階から反映させ、スムーズに実装できます。事前に実装を見据えたデザインを行うことの大切さを学んだ機会でした。