【架空案件】LP制作(採用サイト)

OVERVIEW

SHElikes MULTI CREATOR COURSEにて、一からワイヤーフレーム作成、デザインカンプ作成、コーディング、サーバーアップまで作成しました。

YEAR 2021

【制作時間】1ヶ月

【使用ツール】illustrator、Photoshop、Atom

【制作範囲】ワイヤーフレーム作成、情報設計、デザインカンプ作成、コーディング、サーバーアップ


目次

|概要

|制作物

|頑張ったところ/工夫したところ

|政策を通して学んだこと


概要


制作物

・実際のサイト

・制作したデザインカンプ


頑張ったところ/工夫したところ

・要件書から作成した情報設計

・デザインで工夫したところ



制作を通して学んだこと

〈 制作について 〉

・一からワイヤーフレーム作成、デザインカンプ作成、コーディング、サーバーアップまで作成すること。

・要件書の意図を理解して情報の優先順位や適切なレイアウトを考えながらワイヤーフレームを作成すること。

・実装を考慮したデザインカンプを作成すること。

・0からコーディングをする手順。


〈 課題後 

デザインカンプ通りの実装だと見づらくなってしまいそうなところを実装で少しずつ変化させて見やすくさせたり、そもそもデザインカンプで作成したデザインもよくなかったのではと反省しています。

今回の課題でワイヤーフレームで情報設計をしっかりしておくことや、デザインカンプ作成も実装をより意識していかなければということも学べたので、これを活かして新しい制作物を作ってみたいと思います。


WEBSITE