私が働いている会社の商品購入のLP

私が実務経験を積んでいる会社(EBM株式会社)で商品購入のページを作って欲しいと言われたので作りました。

他の企業にデザインカンプを依頼していたのですがpc用のみでそのままの状態でコーディングするとスマホやタブレットで見た時に文字が小さくなって読めない部分があるのでデザインカンプのレイアウトを変えてスマホ用とタブレット用でも見やすくしています。

コーディングは私一人でして2020年4月に始めて同じ月に完成しています。

 

 

苦労した事1

 

始めてillustratorのデザインカンプのレイアウトを変えたのですがやったことがなくてコーディングよりもレイアウトを変えるのに相当時間がかかりました。

 

苦労した事2

 

最初は商品購入のボタンが隠れていて画面をスクロールすると現れるのですがやり方が分からなくてひたすら調べました。

 

 

苦労した事3

 

ボタンの大きさ、色、ボタンの中に配置するテキストをどうすればいいか分からなくてかなり考えました。

 

 

GitのURL

 

https://kyohayata.github.io/jealous/で確認できます。