HPサイト Kaori'sPortfolio

サイトを見る

Design/Coading

  • ターゲット

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

  • 目的

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

  • デザイン

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

  • コーディング

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

  • 制作期間

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