ロゴマーク

mizueisozaki

portfolio

Scroll

Client works

01.

芸能系クライアント

  • コンセプト

    大手芸能事務所のキッズ部門コンテストサイト

  • 担当部分

    デザイン

02.

美容系クライアント

  • コンセプト

    美容系協会様の英語版紹介ページ

  • 担当部分

    デザイン・コーディング・アニメーション

03.

IT系クライアント

  • コンセプト

    データ活用支援を行うBtoB企業のWebサイト

  • 担当部分

    サイト軽量化・サーバー移管・ACF化

    デザイン・コーディング・アニメーション

Homepage

01.

lagrangian point

  • コンセプト

    プラネタリウムカフェ(架空サイト)

  • ターゲット

    20~30代の男女

more

  • pcview-01
  • smartphone-view
宇宙カフェカラーパレット
  • 配色

    ベースカラーに薄い青で宇宙感を出し、紺のメインカラーと
    文字の金の組み合わせで高級感を表現しました。

  • 制作時間

    58時間

  • 工夫した点

    JAXAの月面探査機が着陸に成功したTVの特集を観たのをきっかけに、宇宙食を楽しめるプラネタリウムカフェをコンセプトに作成しました。

    メニュー画面は宇宙に漂う惑星をイメージして、丸で切り抜いた画像をホバーの際ズームできるようにcssで設定を行い、 よりユーザーが宇宙感を感じられるよう工夫しました。

    また若い世代がターゲットなので、モバイルファーストを意識しレスポンシブは320px〜1920pxまで設定を行いました。

  • 制作物

    • ファビコン

      ファビコン

    • 宇宙top

      TOP画面

    • コンセプト群

      コンセプト1,2,3

    • インフォ群

      インフォメーション1,2,3

    • インフォスマホ版

      インフォメーションスマホ版

02.

Portfolio site

  • コンセプト

    ポートフォリオサイト
    (WordPress構築)

  • ターゲット

    幅広い年代の男女

more

  • pcview-01
  • smartphone-view
ポートフォリオカラーパレット
  • 配色

    作品を観やすいホワイトをベースカラーに、メインの
    ベージュと同じトーンのパステルカラーで構成しました。

  • 制作時間

    50時間

  • 工夫した点

    デザイン制作、情報設計、WordPressオリジナルテーマ構築まで一貫して対応しました。
    SEO設定やOGP対応も実施し、公開後の運用を踏まえたサイト設計を行っています。

    ユーザーが迷わず必要な情報へたどり着けるよう、 アコーディオンなどを用いてホームページに関する情報を1階層に集約し、 最小限の操作で閲覧できるよう工夫しました。

    制作物やUI部分は画像ベースで視覚的に理解できるよう設計し、 短時間で全体像を把握できるユーザビリティを重視しています。

  • 制作物

    • ファビコン

      ファビコン

    • ポートフォリオtop

      TOP画面

    • 宇宙カフェのレスポンシブ画面

      レスポンシブ画面①

    • ポートフォリオのレスポンシブ画面

      レスポンシブ画面②

    • wakkaのレスポンシブ画面

      レスポンシブ画面②

03.

WAKKA

  • コンセプト

    水族館(架空サイト)

  • ターゲット

    こども、ファミリー層

more

  • pcview-wakka
  • smartphoneview-walla
  • 配色

    エメラルドグリーンをベースカラーに、イエロー、ピンク、
    ブルーなどカラフルで楽しさを重視したカラー構成にしました。

  • 制作時間

    38時間

  • 工夫した点

    小学校高学年までの子供をメイン層に設定したため、基本の文字サイズを大きく、習っていない漢字はひらがなにするなど 視認性・可読性を意識しました。

    子ども向けのサイトデザインを分析した際に、文字や絵の形がカラフルでサイズも不揃いなほうが観たときに楽しさやワクワク感を 出しやすいと感じ、それらの要素をデザインカンプに反映できるようパスでの切り抜きやブラシでの描写を使用して表現しました。

  • 制作物

    • wakkaファビコン

      ファビコン

    • wakka-top

      TOP

    • wakkaロゴ過程

      ロゴ作成

    • ダイビングバナー

      ダイビング体験バナー

    • ウミウシバナー

      ウミウシ展バナー

    • クラゲバナー

      クラゲ展バナー

    • エリアガイドまとめ

      エリアガイド

デザインカンプ

  • PC
    wakkaカンプPC
  • SP
    wakkaカンプSP
  • drawr
    wakkaドロワー

Design

Design

  • みかんのまんまメイン

    人吉農産様『みかんのまんま』メインビジュアル

  • みかんのまんまサブ

    『みかんのまんま』製法ver

  • みかんのまんまPOP

    『みかんのまんま』POPver

  • フューチャーマップ

    フューチャーマップ

  • カフェバナー

    バナー(架空のアウトドアカフェ)

  • ダイビングバナー

    水族館サイト用 ダイビング体験バナー

  • ウミウシバナー

    水族館サイト用 ウミウシバナー

Oil painting

Oil painting

  • ススキノ

    susukino

  • 街

    『交差』

  • 巡

    『巡』

About

自分
  • 磯崎瑞恵いそざきみずえ
  • 1993.12.01生まれ
  • 2020年まで武蔵野美術大学大学院で油彩画を研究。
    現在は都内の制作会社に所属し、Webデザイナーとして
    デザインからコーディングまで幅広く担当しています。
  • 主な受賞歴

    2016 第91回道展 北海道美術協会賞
    2018 第93回道展 佳作
    2020 武蔵野美術大学院 研究室賞

Contact