葬儀社 中山企画
沖縄の葬儀社様の公式ホームページ
仕様
WordPress / CSS / Canva / chatGPT / Gemini
制作期間
４ヶ月（2024年1月）
企業ロゴ色である落ち着いた紫色（#531f55）と、穏やかさや統一感を出すための淡い紫色（#9169af）を差し色として、愛する島の人々の最期まで尽くしたいという企業様の想いを全面に表現
こだわりー
メインビジュアル
サイトトップにメインの画像をPC・スマホの画面いっぱいに表示される贅沢な作りでインパクトをつける
ギャラリーの変更
モバイルではスライドショー(jQuery)で一枚一枚の画像を目立たせ、PCではストレスのない横並びへ
hover時の動き
詳細画面へ誘導する「moreー」は主張しないシンプルなデザインだが、hoverでーが→へ変わることで押したくなる気持ちにさせる
Hotel Front Beach
＜自主制作（個人）＞ 架空リゾートホテルの公式ホームページ
仕様
XD / HTML / CSS / jQuery / Photoshop / Illustrator
制作期間
２週間（2021年12月）
白をベースに海と空の鮮やかさと爽やかな南国をイメージさせる青(＃347ed0)に、落ち着いた深い青(#1e4d76)でリッチな重厚感のある大人のホテルを表現
こだわりー
メインビジュアル
サイトトップにメインの画像をPC・スマホの画面いっぱいに表示される贅沢な作りでインパクトをつける
ギャラリーの変更
モバイルではスライドショー(jQuery)で一枚一枚の画像を目立たせ、PCではストレスのない横並びへ
hover時の動き
詳細画面へ誘導する「moreー」は主張しないシンプルなデザインだが、hoverでーが→へ変わることで押したくなる気持ちにさせる
Fortune
＜自主制作（個人）＞ 架空ヘアケア商品の公式ホームページ
仕様
XD / HTML / CSS / Photoshop / Illustrator
制作期間
５日（2022年1月）
植物の美容成分にこだわった商品のため、ナチュラルな白がベース。商品カラーでもあるグレージュ(#797979)を使うことで一体感を出しつつ、植物の色と落ち着きを連想させる緑(#3e583e)で商品に印象を付けるよう表現
こだわりー
商品はシンプルかつ洗練されたデザインを意識した。商品と商品詳細を、デバイスとPCのときとで位置を入れ替えることで、直感的に伝わるようにした。WEBサイトを開いて商品情報までが長いとストレスを与えてしまうので、あえて商品のあとにAboutの順にレイアウトした。