Masami Takebe

課題

今まで学んできたスキルの集大成で、最後の課題です。 転職活動に向けて、ポートフォリオの website を制作しました。

制作内容

ターゲット：

採用企業・担当者様

達成目標：

Webクリエイターとして転職する。

コンセプト：

「 New gate. 」

私は、長年従事していた看護師を辞めてから、絶望感や不安感を抱えながら 光の無い静寂な海の中を彷徨っている状態でした。全く違う業種 に転職しようと決断した時、Web Study Sapporo に出逢い、6ヶ月間学生に 戻って学び、結果、太陽の光に導かれた先に新しい扉が開いている 入口にたどり着きました。この入口から新たな道へと歩んでいく現在（いま） の私のコンセプトです。この website では、自分自身で海の中から太陽を 撮影した写真を背景にし、jQuery のプラグイン・Ripples で、波紋の様な アニメーション効果を利用して水の動きを表現しました。ホバーアニメーションや swiper の無限ループは、海の中にいるような表現をしたかったので transition や speed を通常よりゆっくりに設定しました。 画像の色合いで website 全体 のイメージ・雰囲気を壊さないように必要な部分には画像にマスクをかけて調整しています。

レスポンシブ

対応。

制作期間

21日間

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

コーディング作業80時間

作業内容

① 参考サイト探し。

② 情報をまとめる作業。

③ 文章を考える作業。

④ 写真撮影・画像選択・画像修正作業。

⑤ デザインカンプ作成。

⑥ コーディング。

⑦ デバック作業。

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

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

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

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

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