ウェディングフォトブランドサイトデザイン

Wedding Photo Brand Site Design

株式会社swell 様

for Swell Co., Ltd.

内容

Details

ブランドサイトデザイン

Brand Site Design

プロジェクト期間

Project Duration

2025年9月-11月

September - November 2025

取り組み

Approach

CES Wedding様のウェブサイト制作では、クライアントのブランドイメージや世界観をサイト上で表現することを目的にデザインを行いました。プロジェクト初期には、ブランドコンセプトやターゲット層、ブランドの魅力となる要素について丁寧にヒアリングし、言語化されていないイメージを整理しました。ヒアリングでは、具体的な言葉や事例を用い、クライアントと共通認識を作りながら進行しました。その上で、サイト構成のワイヤーフレームを作成し、ページごとの情報の流れを可視化しました。

デザイン段階では、ブランドの世界観を忠実に再現するため、カラー、フォント、あしらいの選定にこだわりました。配色では、クライアント撮影の特徴である「影と光の共存」をネイビーや明るい色で表現し、さらにグラデーションを用いることで、ロケ撮影で感じられる自然の神秘さをサイト上で再現しました。ローディング画面のイラストはサイトの雰囲気に合わせて、線画のイラストを描きました。

見た目の美しさだけでなく、ユーザーが操作しやすく、情報を直感的に理解できるよう工夫しました。プランページでは、表形式を用いてプランの違いを一目で分かるように整理。文章にはアニメーションを組み込み、クライアントの魅力的なストーリーをより没入感のある体験として提供しました。

結果として、クライアントからは「世界観をサイトに忠実に反映できた」と大変喜んでいただき、代表者からも高く評価されました。このプロジェクトを通じて、デザイン力だけでなく、抽象的な要求を具体化するヒアリング力や、柔軟かつ能動的にプロジェクトを進める対応力の重要性を改めて実感しました。また、細部まで妥協せずブランドの世界観を統一する姿勢が、クライアントの信頼獲得につながることも学びました。

For the CES Wedding website project, I focused on designing a site that accurately reflects the client’s brand image and overall aesthetic. In the initial phase of the project, I conducted thorough interviews to understand the brand concept, target audience, and the elements that make the brand appealing, helping to organize ideas that had not yet been fully articulated. During these interviews, I used specific examples and concrete language to establish a shared understanding with the client. Based on these insights, I created wireframes to visualize the structure of the site and the flow of information on each page.

During the design phase, I paid careful attention to faithfully reproducing the brand’s world. For the color palette, I reflected the client’s signature photographic style of “light and shadow coexisting” using navy and bright tones. Additionally, I incorporated gradients to convey a sense of natural mystery reminiscent of their outdoor photoshoots. For the loading screen, I created a line illustration that complements the site’s overall aesthetic.

Beyond visual appeal, I also focused on usability and clarity of information for site visitors. On the Plans page, I used tables to make differences between plans immediately understandable. I also integrated animations into the text to create a more immersive experience, allowing users to fully engage with the client’s compelling storytelling.

As a result, the client expressed great satisfaction, noting that their world and brand were faithfully reflected in the website, and the company’s representative gave high praise. Through this project, I reinforced the importance of not only design skills but also the ability to translate abstract requests into concrete solutions and to manage a project proactively and flexibly. I also learned that maintaining consistency and attention to detail in conveying the brand’s world is crucial for building client trust.

制作クレジット

Credits

デザイン：Kaya Yoshii
コーディング：株式会社EMM Labo
ディレクション：Kaya Yoshii
企画・構成：Kaya Yoshii
ライティング：クライアント (一部修正)

Design: Kaya Yoshii
Direction: Kaya Yoshii
Planning & Structure: Kaya Yoshii
Coding: EMM Labo Inc.
Writing: Provided by client (with some edits)

ウェディングフォト ブランドサイトデザイン