FM HAL

FM HAL

言語
HTML , CSS , jQuery , Photoshop/

時期
2018年9月頃/

期間
1週間?/

コンセプト
シンプルに見やすく

学校の課題でFM HALというラジオサイトのトップページを作成しました。この課題はレスポンシブデザインでの作成がメインテーマでした。制作時間はかなり少なくターゲットやペルソナ、ジャーニーマップなど一切せず、ワイヤーフレームを作成後にすぐにコーディングに取り組みました。レスポンシブデザインでの作成が思った以上に難しく、PCには表示させる項目、SPには表示させない項目などを考えながら作成しました。もう少しHTMLの構造をPCとSPの両方を考慮して先に考えを練ってからコーディングするべきだと反省しました。ドロワーメニューを使ったシンプルなデザインに終始しましたがもう少し遊び心を入れてみたかったです。

【反省点】

時間が短かったことからタブレット版の作成を行うことができませんでした。レスポンシブデザインのコーディングに慣れていたなら取り組めたのではないかと反省しております。

【解決法 & 感想】

何と言ってもレスポンシブデザインになれることが大切だと感じ、とにかく慣れていくしかないと思いました。コーディングでも常にPCとSP、TBを意識してHTML、CSSを記述していこうと思います。