はるきポートフォリオ

Haruki Portfolio

WEB & DTP

Haruki
Portfolio

WEB & DTP

PROFILF

春木昭子（ハルキアキコ）

WEBコーダー＆DTPオペレータ

私はDTPオペレータとして広告制作に携わってきました。
その中で『このチラシやポスターの画面がもっと広かったら、もっと商品情報をたくさんの載せる事が出来たら』と常に感じていました。
しかも現在はQRコードを使っての広告からWEBサイトへのリンクが多くなっています、細かい商品情報や申し込み、注文などはホームページでの確認が主流となっています。
以前「商品申し込みはこちらから」とあるQRコードをスマホで読み込むとホームページのTOPページが出てきて商品申し込みページにたどり着けない事がありました、その時思ったのが『WEBとDTP両方の知識と経験があればこう言う事例は防げるかも』という事でした。
そんな体験からWEBデザイナーを目指したのです。
私は、今までもそしてこれからも情報発信を紙もWEBも共に相乗効果の上がる発信ができるよう目指し、沢山の事を学び出来る事を増やしていこうと思います。

WEB

出来る事

HTML / CSS / SASS を用いたコーディング
デザインカンプからのコーディング
JavaScript を用いたアニメーション実装
レスポンシブデザイン
WordPress（オリジナルサイト化）

使用ソフト

ワイヤーフレーム: Adobe XD（Figma）
カンプ: Adobe XD・Photoshop（Figma）
コーディング: Visual Studio Code
使用言語: HTML・CSS・SASS・JavaScript

shop-site

制作時期 2022.6
TOP/下層3ページ

ハンバーガーメニュー、カルーセル、スライドショー、Googleマップ、Tiwtterウィジェットを作成
Font Awesome5アイコン
モバイルファーストのレスポンシブデザイン
ヘッダー部分上部固定
Googleマップカラーの変更
snsボタン設置
jquery及びslickをファイルにダウンロードして設置

このサイトはテックアカデミーの卒業課題ですが、これにデモサイトはありません。
生徒に渡されるのはPhotoshopのカンプ、画像、サイト作成時注意点のみで、出来上がりは生徒一人ひとり違うそうです。
アカデミー時代は5週間かけても形にならず、その後3回作り直して形にしました。
今回（2022/6）に再度作成してみました。
結果はコーディングに5日かかりました。

shop-site