LPサイト
架空のフレグランスブランドbe heald のLPを作成いたしました。
▽ click here ▽
ワイヤーフレーム
デザインカンプ
製作時間
約１か月
使用ソフト
Adobe XD/ Dreamweaver
作品の制作過程・説明
自分自身がとても香水やお香などのフレグランス系のサイトや店舗に行くのが好きで、架空のフレグランスshop「be heald」を作成しました。
また、商品のテーマが「自然」なので、その雰囲気を出せるようにな画像選び、こだわりました。
そして、白基調になるように余白を作ったり、画像の切り抜きを正方形にし、シンプルに見えるように工夫しました。
フレグランスから、商品ページに飛べたり、フレグランスの種類から商品ページに飛べるようにしたりして、商品を探しやすいように製作しました。
感想
初めてワイヤーフレーム、デザインカンプそして、コーディングを行い、とても苦戦しながらの作品でした。
特に苦戦した点は、余白が全て均一になるように配置したり、文字の間隔や配置場所がバラバラにならないように作成した点です。
コーディングにおいてはまだまだ、知識が足らず出来ない事が多かったのですが、自身で調べながらコーディングを行い、うまく表示ができた時には、とてもやりがいがあり、楽しさを感じました。
特にフッターは画像の中に画像を配置したり、SNS画像の三つの画像をリストで表記したりすることでてこづりましたが、完成した時は大きなやりがいや達成感が大きかったです。