Web design / Direction / Freelance
![](https://cdn.myportfolio.com/3051420e-37e7-45b3-ab53-60fc0dbca80e/d46d3be3-b18f-405e-9f9d-a206d789227d_rw_1200.png?h=c42dd51b59c011aa5d1c3eb7a08e6afe)
Aflo【アフロ】
株式会社アフロ
高クオリティの写真・動画素材をお求めやすい価格で。
小さなフォトエージェンシーとして1980年に設立したアフロは、報道写真・報道動画に強く、令和の時代でもなお成長中。
写真やイラスト、動画などの提供に留まらず、ビジュアル素材にまつわる多種多様なサービスを展開しています。
そんな創立40周年を迎えたアフロですが、リリースから今日まで様々な素材を取り扱う中、乱雑するカテゴリーや、古めかしいUIが目立ってきました。
今回サイトのフルリニューアルを担当させていただきました。
![](https://cdn.myportfolio.com/3051420e-37e7-45b3-ab53-60fc0dbca80e/4f649558-92d4-47ec-8ac9-050c34bf8765_rw_1200.png?h=45c409f3bb340a32f9d83aff5610e277)
要望 / 課題
・複数のカテゴリーが乱雑化し、運用面で限界がきている。
・サイト全体のデザインが古く、目新しさが欲しい。
・合わせてスマホ用にレスポンシブもお願いしたい。
・社内デザイナーが印刷業界出身のため、Webの知見を得つつ、今後の運用を簡単にできるデザインにして欲しい。
対応
・リニューアルページの洗い出しと合わせて、初回ヒアリング時にCMSを使う箇所を確認し使用カラーの定義やコンポーネントを共通化。
・「古いデザイン」の言語化。
・タイトなスケジュールのため、デザイナーを追加でアサインし二軸での進行を提案。他デザイナーのディレクションも担当。
・社内デザイナー用のデザインガイドラインを作成し、手が離れた後でも、修正や機能追加しやすくしました。
![](https://cdn.myportfolio.com/3051420e-37e7-45b3-ab53-60fc0dbca80e/6d0f70c1-63b6-4807-bf0e-32e5dec71e2a_rw_1200.png?h=d0b4921412dd9d3d11e1369266f861da)
![](https://cdn.myportfolio.com/3051420e-37e7-45b3-ab53-60fc0dbca80e/a58a37fc-f1aa-4211-8708-8f83a181c0a3_rw_1200.png?h=cc1426a70d823d2f194070dc33cba38e)
![](https://cdn.myportfolio.com/3051420e-37e7-45b3-ab53-60fc0dbca80e/8a7381bd-bda8-4078-8849-6d1483f1f697_rw_1200.png?h=cdee1e21fda599aeaadd52dd9f90de4f)
結果 / 反応 / 学び
現在開発中のためリリースはまだですが、予算の調整、デザインリソースの追加などで、要望通りの納品スケジュールを実現できました。
また、カラーや一部コンポーネントを踏襲つつ、一つ一つの写真をしっかりと見せる表示に変更したため、新しく迷いずらいUIに仕上がったとフィードバックをいただきました。
■ Tool
Adobe Illustrator / Adobe XD
■ Time
ラフ - 完成:2ヶ月