HPサイト Kaori'sPortfolio

サイトを見る

Design/Coading

  • ターゲット

    Web制作の依頼を検討中の企業様、個人事業主様
    デザイン、コーディングの下請け依頼を検討中の制作会社様
    パートナーを探しているWebデザイナー様

  • 目的

    これまでの作品をトップに掲載することで目につきやすくし、確認してもらえるようにする。手短に自己紹介を入れ、人柄を理解してもらえるようにする。

  • デザイン

    これまで作ったサイトはベージュが多かった為、あまり使わないカラーをデザインに取り入れた
    作品は規則的に表示し、視線を落ち着かせて見やすくした。アクセントカラーの青は、トップ画の色と合わせて統一感を出し、白と青のバランスで元気さを表現しつつも、読みやすい落ち着いた感じを表現しました。
    曲線の境界線を取り入れることでサイトに動きをつけ、最後まで飽きずに見てもらえるようにしました。

  • コーディング

    トップ画は、スクロールズームを取り入れた。サイトの入り口に動きをつけることで読み手にワクワク感を持たせる。セクションタイトルにスライドインを取り入れることで区切りをつけ、新しいセクションに集中して読んでもらえるようにした。
    画像にはフェードイン、マウスオーバー時にマスクの出現などで動きを足し、スクロールを楽しめる工夫を取り入れた。

  • 制作期間

    企画：２週間
    デザイン：２週間
    コーディング：３週間