告知！進級制作展始まります。
ついに、進級制作展2025 が始まります！あ、こんにちは！増元ひかりです！
会場は トライデントコンピュータ専門学校。
2026年1月15日（木）午前10:00からスタートします。
当日は、
Webサイト制作やアプリ制作など、
学生それぞれがこの1年で取り組んできた作品の
プレゼンテーションと展示が行われます。また、Youtube配信もあります！
私は今回、
ウェディングフォトグラファーのWebサイト制作 をテーマにした作品を出展します。
実際に動くサイトを使って、
デザインやコンセプト、こだわったポイントなどを発表します。
もしお時間があれば、
ぜひ遊びに来ていただけると嬉しいです。
私は、ウェディングサイトを制作しました！
今回は、ウェディングフォトグラファーの公式サイト「GRASSY-PHOTO」 を制作しました。
このサイトは、私のおじが一人で活動しているフォトグラファーの公式サイトで、
主に結婚式の撮影を行っています。
堅苦しさのない、アットホームな雰囲気で撮影しているのが特徴です。
その空気感がそのまま伝わるように、
今回の制作では「アットホーム感」を一番大切にしてデザインしました。
デザインとアニメーションのこだわり
全体は白を基調に、シンプルで見やすくしつつ、可愛らしさと温かみが残るデザインを意識しています。
きれいで整った印象と、親しみやすさのバランスを取りながら、
全体の雰囲気を調整しました。
動きの部分にもこだわっています。
背景の鳥は、ただ飛ぶだけでなく、
画面の中で Uターンするような動き にしています。
また、スマホ版では鳥の量を減らし、飛ぶ速度や出てくるタイミングをランダムにして、
ごちゃっと見えないようにしました。
お問い合わせボタンと細部の演出
お問い合わせボタンは、白い鳩がボタンを咥えて運んでくるデザインにしています。
PC版では画面内を飛んでUターンし、スマホ版ではふわふわ浮くような動きにしました。
この鳩は、春は桜、夏は葉っぱ、秋は栗、冬はリースと、
季節によって被っているものが変わります。
作っている間も「我ながらかわいいな」と思える演出で、サイトに少し遊び心を加えています。
また、ページ遷移のときには
カメラのシャッターが切れるようなアニメーション を入れ、
フォトグラファーのサイトらしい演出にしました。
制作してみて
ウェディングサイトは、きれいで洗練されたデザインのものは多いですが、
アットホーム感のあるデザインは意外と少なく、参考になるサイトを探すところから苦戦しました。
きれいさと可愛らしさ、写真の見せ方とデザインの主張、そのバランスをどう取るかを考え続けるのは難しく、途中で「これでいいのかな」と迷うことも何度もありました。
それでもクライアントの「アットホームな雰囲気にしたい」という言葉を軸に、少しずつ形にしていきました。
細かいアニメーションやレイアウトを調整しているときは大変でしたが、
「ここが良くなったかも」と思える瞬間も多く、ものづくりの楽しさを改めて感じる制作でもありました。
最終的にクライアントからOKをもらえたときは、本当にほっとしましたし、とても嬉しかったです。
最後に、
実際の画面では、鳥の動きやシャッターアニメーションなど、
細かいこだわりも見ることができます。
もしよければ、そういった部分にも注目して見ていただけたら嬉しいです。
ぜひ、会場まで足をお運びください！