NK — UI/UX Design Works

株式会社Lequison

株式会社レキサス

2021

https://lequison.com/

制作日

2021年3月

時間

90日

担当

要件定義, ディレクション, webデザイン

URL

https://lequison.com/

ツール

Adobe XD, Photoshop, Illustrator, WordPress

担当

5人

株式会社レキサンの、コーポレートサイト及びCIデザインのディレクションを担当しました。

担当業務内容

  • 詳細設計

  • 機能仕様書の確認&修正

  • サーバ、ドメイン設定

  • CMSでの実装

  • サイトコンセプト設定

  • 画面や導線の設計、実装

CIデザイン

株式会社レキサンとヒアリングを行い、コーポレートアイデンティティの部分から関わり、ロゴデザインや企業イメージを固めていきました。

ロゴの制作

ヒアリングを重ね、キーワードやイメージカラーを固めていきます。

イメージにあったシンボルを複数個出します。
扇の要や沖縄の船(サバニ)案で作成することになり、最終的に扇案に決定しました。
シンボルの色は、沖縄の様々な海の色をイメージしています。

コーポレートサイトデザイン

CIとロゴが決まり、サイトのイメージを固めていきます。

「誠実」「志」「挑戦」と「友好」。
この4つのキーワードから、サイトのイメージを固めていきます。
誠実でありながらも固くなりすぎない、寄り添うイメージです。
沖縄の雰囲気も伝わるよう設計しました。

撮影

サイトで使用する写真やイメージは全て撮影しました。
撮影場所や撮影シーンの詳細を設定し、6箇所程で撮影を行いました。
沖縄へのIターンやUターン希望者を対象としたサイトでもあるため、沖縄を感じることのできる撮影場所を手配しました。

- 那覇の老舗ホテルのラウンジ
- 県庁前やモノレール
- アメリカンビレッジ
- 那覇市街を一望できるホテルのテラス

クライアントは転職エージェントで相談者に寄り添いたいとのことでしたので、ビジネスライクではなく、沖縄のかりゆしシャツやカジュアルフォーマルで親近感のある雰囲気を演出しています。

ワイヤーフレーム

撮影期間中にはワイヤーフレームを作成し、全機能網羅しているかクライアントと確認しながら設計していきます。ここでタイトルやキャッチコピー、テキストを作成していきます。キャッチコピーやテキスト等はコピーライターと一緒に制作していきます。

デザイン / コーディング

デザインはヒアリングを重ね、ラフ2案から決定しました。
シンボルの形(扇)を散りばめ、シンボルのカラーをベースにイメージを固めていきます。
パララックスで奥行き感を出しています。
実装はWirdPressでクライアントでもCMSの更新ができるようになっています。

コーポレートサイト完成

私自身、沖縄に移住直後の担当案件のため、株式会社レキサンのサイト訪問者(Iターン・Uターンユーザー)としての目線で取り組むことができました。

沖縄各地のロケハンでは知らなかった沖縄のことを知ることが出来たため、撮影場所に協力していただいたホテル・飲食店等にも大変感謝しています。


完成後のアンケートでは最高評価をいただきました。

株式会社レキサン コーポレートサイト