RIWA KITAI
portforio site
ABOUT
プロフィール
-
face_3
北井 里和
1995.08.16 (31) 沖縄生まれ・東京育ち
趣味:古着屋巡り、セルフネイル、カラオケ、お酒
不動産会社事務を経験後、Webデザインスクールへ半年間通学。その後総合広告代理店にて約1年半WEBデザイナーとして従事。その後、イベント会社内結婚相談所事業部の立ち上げメンバーとして入社。カウンセラーとして会員を持ちながらマネジメント職も兼任。現在に至る。
経歴
-
2018.03
桜美林大学卒業
-
2018.04
株式会社MDI(不動産会社)入社。業務管理課にて主に契約管理及び火災保険管理事務を経験。
-
2020.04
新型コロナウイルスにより会社都合で株式会社MDI(不動産会社)を退社。
-
2021.04
職業訓練校Webデザイン科に入学。Webデザインの基礎知識を学習。
-
2021.09
職業訓練校Webデザイン科卒業。
-
2021.11
株式会社NSコーポレーション(総合広告代理店)入社。HP制作からグラフィックデザイン、SEO対策まで幅広い業務に従事。
-
2023.04
株式会社NSコーポレーション(総合広告代理店)退社。
-
2023.08
株式会社シャン・クレール(結婚相談所)入社。カウンセラーとして会員サポート業務とマネジメント職(採用・教育人事、データ管理業務など)を兼任。
現在に至る
WORKS
-
動物先天性代謝異常症 案内サイト
URL:https://mils-animal.net/ -
美容室 DEST大宮 ホームページ
URL:https://dest-hair.net/
MILS動物先天性代謝異常症 案内サイト
サイト概要
・検査期間から動物病院と飼い主へ、動物先天性代謝異常症の検査というものを知らせること・動物病院に対し、検査依頼システムへの登録促進をする
使用言語:
HTML、CSS(ScSS)、JavaScript(jQuery)担当範囲:
サイトデザイン考案〜コーディング(その他、キャッチコピー考案、ロゴ作成)制作期間
約3ヶ月(修正期間等含む)コンセプト
検査についてのHPなので、少し固い感じにしようかとも思いましたが、今回ターゲットが動物病院と飼い主という両極端な存在だったため、 実際にペットを飼う飼い主側ができるだけ目を通しやすいように、柔らかい雰囲気を心がけました。 検査以前にこの疾患を知ってもらえるように、自分事のように感じてもらえるようなフレーズや内容を考えることに苦労しました。MILS動物先天性代謝異常症 検査依頼システム
PDF※パスワードが掛かっています。
サイト概要
・動物病院と検査機関間で検査依頼や検査結果報告、請求の管理ができるシステム使用言語:
HTML、CSS(ScSS)、JavaScript(jQuery)担当範囲:
システム画面デザイン考案、システム内機能設計、デザインコーディング制作期間
約5ヶ月(修正期間等含む)工夫・反省点
システムは動物病院側のUIと検査機関側のUIのどちらもデザイン、設計、コーディングをしました。システムの設計やデザインは初めてだったため、最初はなんとなくのイメージからデザインをしました。 また、クライアントの希望された条件(機能)が少なかったため、ヒアリングをおこない、必要機能を追加していったり、基本的にシステムに備わっている機能には何があるかを自分の登録しているシステムや アプリケーションなどから情報を集め、形を作っていきました。 機能が決まってくるとUIも当初決めていたデザインではかなり使い勝手が悪いことに気づき、何度もやり直したりしたため 最初の仕様設計はかなり重要であることを学ぶことができました。
また、開発するにあたり、機能の実装は外注のエンジニアの方に依頼をしたため、自分では実装できる範囲や条件があやふやで エンジニアの方にも迷惑を掛けてしまった部分もあったので、システムにはかなり綿密な打ち合わせとイメージの擦り合わせが必要だと感じ、 反省点として次に活かしていこうと思いました。
美容室 DEST大宮 ホームページ
サイト概要:
・美容室のホームページです担当範囲:
サイトデザイン考案、コーディング制作期間:
約1.5ヶ月コンセプト:
新しくOPENする美容院のサイトということで、清潔感と温かみを感じられるように白とベージュを基調にデザインしました。 ポイントはABOUT部分のブランド説明で、店名の元となるdestinationの訳を辞典のように表現したところで、自然と内容部分に 目線を誘導できるようにしたところです。-
グラフィック制作実績
-
バナー制作実績
グラフィック制作実績
【MILS動物先天性代謝異常症チラシ】
説明
動物病院宛のMILS動物先天性代謝異常症検査についてのDMです。ポイント
ひと目見た時に何についてのチラシなのかわかるように検査名をかなり大きめに配置しました。お医者様のなかにもこの病気や検査について知らない方が多いとのことだったため、内容説明を入れて、 このチラシだけでも病気についてひと通りわかるようにしました。
裏面はシステムへの誘導なので、青ベースとグラデーションでシステムチックなイメージにしました。 システムのポイントと登録方法を載せて、シンプルで簡単ということをアピールしています。
成果
DM約1000部発送後2週間で、約4割の病院様からお問合せ、約2割の病院様からご登録をいただきました。EPファーマライン様 DM
説明
薬剤師の新しい働き方を展開しているということをアピールするDMです。 普通の薬剤師とは働き方が違うことをアピールするため、一日のタイムスケジュールを掲載。 オフィスの写真も一緒に載せることで、働く環境と流れをイメージして興味を持ってもらえればとデザインしました。立川ラポール様 ご成婚祝クーポンチラシ
説明
エステティックサロンのご成婚祝チラシです。 ブライダルエステメニューのため、全体的にエレガントに、お祝いの雰囲気に合うように柔らかい色味で作成しました。DEST大宮様 名刺
説明
美容院の名刺です。 シンプルながらブラックのロゴに合うように二つの線画で道をイメージ。 ブランドコンセプトが、【お客様が生涯通える、到着地のようなサロンでありたい。】のため、二つの道が交差する場所に ロゴを配置して、到着地点をイメージしました。バナー制作実績
SKILL
HTML:★★★☆☆
HTMLを使用し、Webサイト制作をおこなうことができる
CSS:★★★☆☆
CSSまたはScSSを使用し、Webサイト制作のデザインコーディングをおこなうことができる
Java Script(jQuery):★★☆☆☆
スライダーなどの動きを加える記述ができる
Adobe Illustraror:★★★☆☆
ロゴ制作やグラフィック制作(チラシ、名刺、看板等)の作製をおこなうことができる
簡単なイラスト作成をおこなうことができる
Adobe Photoshop:★★☆☆☆
画像の切り抜き、合成、補正、バナー制作をおこなうことができる
Adobe XD:★★★☆☆
サイトのラフを作製、共有することができる
【その他使用可能ツール】
・Canva
・VScode
・サイボウズ(勤怠管理、アプリ作成)
・公式LINE運用
CONTACT
【e-mail】
riwakitai@gmail.com