【LP制作】WORK lounge Aoyma

制作概要

• ワイヤーフレームがある状態からデザインカンプを作り上げる事を目指す。
• PCのデザインを元にスマホに最適なレイアウトを考える。
• Webデザインをするときに気を付けるべき基本的な観点を身につけて最低限のデザインクオリティを出せるようになる。

Design

PC用デザインスマホ用のワイヤーフレーム

• 工夫した点

トンマナに合わせて写真の色味が同じになるよう工夫しました。

ACCESS部分の背景が白っぽく、文字も白いので視認性が良くなかったため、ブラウンのレイヤーを重ねること、テキストにドロップシャドウをかけることで可読性を上げました。配色について、女性向けのサイトなので、女性が好む落ち着いた茶色系の色に、アクセントカラーは向上心を意識し、又メリハリを出すために爽やかなミントグリーンを使用しました。

• 学んだ点

初めてのLP作成で作成に時間がかかってしまいましたが、コンテンツの参考サイトを探すことを含めて勉強になることが多かったです。背景の切り替えや写真にシェイプを重ねるなど、コンテンツ部分で使ったことのないレイアウトが多々あり、デザインの引き出しが増えたように感じました。