大人かわいいデザインが人気のデザイナーであるhironaデザイン様より依頼を受けトップページのコーディングを実装させていただきました。
サイトはこちら↓
hironadesign - 新潟の洗練された...
hironadesign - 新潟の洗練された大人可愛いWEBデザイン・名刺・ブーケ
新潟を拠点に活動しているWeb、グラフィックデザイナーです。高級感のある洗練された大人可愛い・シンプル・フェミニンなデザインが得意。アーティシャルフラワー高級造花...
目次
受注の経緯
当時オリジナルテーマを用いたサイト制作をメインでしており、SWELLを用いたコーディングはほぼ未経験な状況でした。そこでサンプルのサイトを作りhironaデザイン様に「こんなサイトできるよ～」と伝えたところ即決で依頼いただくことになりました。
当時第二子出産直前で今後の方向性に悩んでいる時期だったので、新しい形のサイト制作で受注できたのがとても嬉しかったのを覚えています。
サイトの依頼内容
- 使用CMS：WordPress
- 使用テーマ：SWELL
- 依頼ページ：トップページのみ
- デザイン：hironaデザイン様ご自身で制作され、デザインカンプで共有いただきました。
- アニメーション：ざっくりとアニメーションのイメージ（ローディングアニメーションや下部のコンタクトブロック）は共有いただいた上でその他はデザインに合わせてよしなに実装させていただきました。
アニメーション
ローディングアニメーション
ロゴが表示されて消えるアニメーションを実装
見出し&画像アニメーション
見出しは一文字ずつ順番に表示されるようにし、画像は最初に彩度が低いような形で上から表示され、その後鮮やかな画像が表示されるアニメーションで実装しました。
スクロールを促すブロック
HIRONAをあしらったお花が特徴的なデザインだったため、それがポワンとはじけるような動きを提案させていただきました。
Contactブロック
このCONTACTブロックが扇のように表示されるアニメーション。ここが一番難しくもやりがいがあったところ！
ボタンのホバーも黒い背景が左から表示されるアニメーションを実装しております。
お客様の声
自分でデザインしておきながらめちゃくちゃかわく、お気に入りで何度も何度も見ています！
お客様たちにも大変好評で嬉しいです。
自分1人では、「このデザインだったらこの動きがいいのになぁ」と考えてもできる範囲が限られていたので、プロにお願いすると完成度の高いホームページも心のゆとりも手に入るんだなあと思いました♡
実装費用
当時はモニター価格で構築させていただきましたが、以下の価格にて対応可能です。
- トップページ構築：44,000円
- ローディングアニメーション（シンプル）：11,000円
- 見出し/画像/スクロール/コンタクトなどのアニメーション：27,500円
合計：82,500円（税別）
※金額は今後予告なく変更になる可能性があります。
