LUNA Official-Website
Date : 2024.2
Category : Website
Products : Webdesign, Loding-Animation, Edit movie
Url : luna-official.mints.ne.jp
フリーランスのイラストレーターとして活動されている LUNA さまの公式ウェブサイトを制作させていただきました。メインコンセプトである『ときめきポップ』な世界観を感じていただきながら、LUNAさまの魅力が存分に伝えられるようなサイトを目指しました。
ターゲットtarget
お仕事依頼をされる企業さまや個人の方
普段からSNSをご覧いただいているファンの方々
「ときめきPOP」「レトロかわいい」をテーマにしたイラストが好きな方々
イラストスタイルに共感し、かわいらしい作品を楽しみたい層
目的goal
LUNAさまの作品を広く紹介し、ファンを増やすこと。イラストの魅力を最大限に引き出し、ユーザーに楽しんでもらえるような構成にしています。また、実績や作品を集積し、イベント・音楽系MV等アーティスティックな業界を中心に仕事のご依頼を増やしたいと考えています。
レイアウトlayout
イラストを大きく表示することで作品の魅力を前面に押し出しています。ナビゲーションは直感的で使いやすく、ユーザーがスムーズにサイト内を移動できるよう設計しています。クライアント様の作品・世界観を全面に出し、魅力をお届けできるよう作品ベースのレイアウトを心掛けました。ワークスで制作したものと、ギャラリーをページで明確に分けたことで経歴をアピールしつつ、世界観を視覚から感じてもらえるようにしました。ギャラリーページではムードに合わせたレコードを選択して作品を見ていただけるようにし、ユーザーにもワクワクした体験をしてもらいたいと思っています。
デザインdesign
クライアントさまのイラストスタイルに合わせて、ピンク、水色、紫などのパステルカラーを基調としています。ロゴやアイコンも可愛らしい雰囲気を作り、全体的に統一感のある仕上がりにしています。本サイトにアクセスしたと同時に世界観を感じてもらえるよう、TOP全画面にアニメーションを設置しました。クライアント様の世界観を視覚的にも感じてもらえるよう、淡いカラー・ポップなフォントを選定しました。画像・動画の多用で読み込みが長い問題を解決するべく、ローディング画面を用意することで閲覧中は絶え間なく世界を感じてもらえるようにしました。
制作期間production-period
企画・ワイヤーフレーム : 1週間
デザイン :3週間
コーディング : 2週間
使用ツールtools
Illustrator / Photoshop / Premiere Pro / Aviutl / Dreamweaver