Works

Ida Mio フォトグラファー

Altherメインビジュアル https://haruta-dsgn.jp/idamio/
担当範囲
  • 企画・構成
  • デザイン
  • コーディング一式
  • (HTML・CSS・JS・GSAP)
使用ツール
  • Figma
  • VSCode
制作期間
  • デザイン:2〜3日
  • コーディング:1週間
  • ※実案件の場合、
    やり取りの回数により前後します。
想定費用
  • 企画・構成:約1万円
  • デザイン:約1万円
  • HTML:約1万円
  • CSS:約1万円
  • JavaScript:約3万円
  • 合計費用:約7万円
制作メモ

本作品はポートフォリオ用の架空案件として制作しました。

「予算を抑えながらも、その人の世界観をきちんと伝えられるWebサイト」の一例を想定し、情報量や構成を極力そぎ落とし、作品イメージとユーザー体験(UX)にフォーカスしています。

ページは最初の1画面のみの構成とし、スクロール・タップ・クリックなど、訪問直後にユーザーが起こしやすいどの操作をしても、同じ体験が返る設計にしました。
「何をすればいいか迷わせないこと」を最優先に、行動が自然に揃うUXを意識しています。

構成がシンプルな分、背景となる作品写真には緩やかなスライドとクロスフェード演出を加えました。
動きは主張しすぎず、写真の印象を損なわないよう、あくまで静かに空気感をつくるための演出として設計しています。

情報が少なくても、力を注ぐポイントを絞れば、印象に残るWebサイトは成立する。
その考えを形にした制作事例です。

※ 本作品内の写真は、Unsplashに掲載されているRuss Leeさんの作品を使用しています。