制作実績

初めての挑戦で苦戦したこと

今回、デザイナーとして初めてWebサイト制作に挑戦しました。
最初はワイヤーフレームをどう崩していくかに苦戦し、“どこまで再現すべきか、どこからオリジナルを入れるか”の判断に時間がかかりました。また、レビューを受けて初めて気づくことも多く、コンテンツ幅やコーダー目線でのデザインができていなかった部分は悔しさとして残りました。

チームで得られた学び

制作を進める中で、ディレクターさん・コーダーさんの存在が大きな支えとなりました。
ディレクターさんからは多くのことを教えていただきましたが、まずは自分で考える時間を与えてくださったことで、トライアンドエラーを重ねながら成長できたと感じています。
またコーダーさんは、常にアイディアを出し合いながら一緒に最適な方法を考えてくださり、私が「再現が難しそう」と感じたアニメーションまで快く挑戦していただけました。チームで進めるからこその学びと安心感がありました。

嬉しかった瞬間

直接クライアントのもとへ伺い、デザインをご覧いただいたときに、思わず「かわいい」と声にしていただけた瞬間を、今でも鮮明に覚えています。
準備をしていく中で「本当に気に入ってもらえるだろうか」と不安を抱えていたからこそ、その一言に心からホッとしました。
目の前でクライアントが喜んでくださる姿を見られたことは、デザインが相手に伝わる喜びを感じながら、「人に届ける仕事をしているんだ」という実感を得られた大きな出来事でした。

今回の学び

今回の制作で最も学んだのは、“綺麗なデザインを作ることがゴールではない”ということです。
利用するのはクライアントご本人ではなく、その先にいるお客さま。その方々にとって使いやすく、見やすいサイトになるように、どんな配置や動きが最適なのかを考えることの大切さを強く実感しました。
レビューを受けて初めて気づくことも多く、「デザイナーの自己満足で終わらせない」という意識が芽生えたのは、今回の経験のおかげだと思います。

感謝とこれから

初めての実案件に挑戦する機会をいただけたことに、心から感謝しています。
 ディレクターさんやコーダーさん、そしてクライアントの方とのやりとりの中で、デザインは一人で完結するものではなく、多くの人と関わり合いながら形になっていくものだと学びました。
 これからは、一つひとつの案件を通じて経験を積み重ねながら、ただ「見た目が綺麗なデザイン」ではなく「届けたい想いが伝わるデザイン」ができるよう、成長を続けていきたいと思います。

コーダーとしてデザインが始まる前でもできること

今回のHPリニューアルでは、WordPressを使用し、「お知らせ」や「コラム」などをクライアント自身で更新できる仕組みを導入することが目的のひとつでした。
中でも、TOPページに「今週のテーマ」を表示したり、休館日や重要なお知らせを5件ピックアップして掲載するなど、これまで自分が実装したことのない要件が多くありました。

デザインが完成してから「実装が難しい」となるのを避けるため、ワイヤーフレームの段階で実際にコーディングを行い、機能面の実現可否を検証しました。
その結果、チーム内でも「この仕様で問題なく実装可能」と自信を持ってクライアントに共有でき、今後の案件にも活かせる貴重な経験となりました。

デザイナーさんの成長に心動かされた制作

本件のデザイナーさんは、今回が初めてのWEBサイトデザインでした。
初稿からレビューを重ねるたびにデザインが磨かれ、毎週のようにクオリティが高まっていく姿に、強い粘り強さと向上心を感じました。
その姿勢に刺激を受け、「自分も理想の形でコーディングしなくては」という気持ちで取り組むことができました。
今後のご活躍がとても楽しみであり、またぜひご一緒できたら嬉しいです！

コーディングでこだわった箇所

今回の制作では、アニメーションの演出に特にこだわりました。

TOPページでは、ブランドイメージを印象づけるために「桜が散るアニメーション」をCSSのみで再現。
JavaScriptを使用せず、keyframesによる動きのリズムやタイミングを細かく調整し、柔らかく上品な印象に仕上げました。

また、スケジュール部分のナビゲーションでは、ユーザーが直感的に操作できるよう、視線誘導を意識したアニメーションを実装。思い通りの動きにならず何度も試行錯誤を重ねましたが、最終的に納得のいく自然な動きを実現できました。

これらの実装を通して、新たに自分の“引き出し”が増えたと感じており、今後の案件でも表現の幅をさらに広げていきたいと思います。

はじめて対面で感じた、コーディングのやりがい

今回の案件は、コーダーとして活動を始めてから初めて、クライアントと直接お会いして進行したプロジェクトでした。
サイト完成後には、WordPressを使用してクライアント自身で「お知らせ」や「コラム」などを更新できるよう、デモンストレーションを交えながら操作方法をお伝えしました。

実際に操作していただく中で、「こんなことができるようになるんだ！」「とても便利になって嬉しい」「素敵なサイトになりました」といった言葉を直接いただき、自分の仕事が目の前で誰かの役に立っていることを実感しました。
目の前で喜びと感謝の言葉をいただけたこの経験を胸に、これからもコーダーとして多くの方に喜んでもらえるサイトづくりを続けていきたいと思います。