Masami Takebe

課題

JQuery の指定された技術を取り入れてホームページの Topページを 制作する課題。仮想の訪問看護ステーションからホームページの制作 を依頼されたと想定し、デザインカンプの作成からコーディングまで 行いました。JQuery は、ハンバーガースライドメニュー・リサイズ ヘッダー・モーダルウィンドウ・スムーススクロール・フェードイン を実装しました。

依頼内容

ターゲット：

① 赤ちゃんから高齢者の身体や精神に問題を抱えていて、在宅で介護・医療支援が必要な方。

② 家族、病院やクリニック、医師、看護師、社会福祉士、介護福祉士、ケアマネジャー等の在宅支援に関わる人。

③ 求職や転職を考えている看護師。

達成目標：

① 新規の依頼・相談が毎月入り、利用者数が増える。

② 看護師の求人エントリーが増える。

コンセプト：

「 Only One を One Team でサポートする。」

メインカラーは、「いつまでも若々しく、生命力に満ちていたい」という神道における 常若の精神・願いからアースカラーの緑を使用、アクセントカラーには、日本の国花で 訪問看護ステーションの名前でもある桜のピンクを使用しました。訪問看護の利用を考 えるユーザー目線で、わかりやすい言葉と文章で表現し、苦痛が無く見やすい website を意識しました。又、働いているスタッフの人となりが見えることで相談しやすい印象を 与え、ユーザーが訪問看護を利用したいと感じ、求職・転職中の看護師が働いてみたいと 感じる親しみやすさをデザインしました。

レスポンシブ

授業で習う前の制作のため非対応。

制作期間

7日間

ワイヤーフレーム・デザインカンプ作業24時間

Top ページのコーディング作業24時間

作業内容

① 参考サイト探し。

② 情報をまとめる作業。

③ 文章を考える作業。

④ フリーの画像探し。

⑤ デザインカンプ作成。

⑥ Top ページをコーディング。

⑦ デバック作業。

作業する上で意識したこと

① 無駄がなく、管理のしやすさを意識してコーディングしました。

② 作業時間を意識して作業しました。

③ 学んだ事と自習した事を最大限に生かして丁寧に作業しました。

④ 余白の取り方、文字・文章の配置の仕方、画像の配置の仕方、 あしらいの工夫等を複数の参考サイトを参考にしっかり考えながら作業しました。