Kyohei Tsukazaki
ツカザキ キョウヘイ
石川県出身。京都在住12年目で、Webデザインを勉強し始めて9ヶ月です。 楽曲制作や、イベント企画、フライヤーやCDジャケットのデザインなど、 日常的にモノ作りをする機会に恵まれていて、2020年の巣篭もり期間にWeb上での発信にも興味が湧いて noteで文章を書き始めたり、Webデザインの勉強をし始めたりしました。
LIKE
音楽 / ネコ / ハンバーガー / 蕎麦 / 漫画 / 文学小説 / 洋服 / 革靴
DISLIKE
銀杏 / マンゴー
MUSIC
pop / french pop / hip hop / techno music / electro / altanative music / psychedelic music / rock
</>
html / CSS / jQuery / JavaScript
2022.09.04
Scroll-jQuery
jQueryのアイディアをメモしたサイトを作成しました。
⇓⇓⇓
Scroll-jQuery
スクロールイベントのアニメーションを実装したサイトです。
COMMENT
jQueryのアイディア備忘録です。
2022.07.28
Kashidagarden - Web portfolio | ツカザキ キョウヘイのウェブポートフォリオ
私、ツカザキのWebポートフォリオを制作しました。
⇓⇓⇓
Kashidagarden - Web portfolio
私自身のポートフォリオサイトを作りました。
COMMENT
「このサイトからお仕事を貰える様にする」というイメージで、連絡のしやすさを意識して、
ナビゲーションとフッター、トップページにもメールアドレスのリンクを配置しました。
自分を表すサイトなので、今まで学んできた知識や自分なりの遊び心をたくさん投入して作ってみました。
トップページ全体を
グローバルナビゲーションにし、ひとつひとつのボックスにデザインを効かせてflexで並べました。
プロフィールページ以降
は、きゃりーぱみゅぱみゅの10th Anniversary Special Websiteを参考にして、レスポンシブ前提のスマホ型の
レイアウトを採用してみました。
このレイアウトは作品数が増えてくると使いにくくなるので、今のうちに試す事が出来てよかったです。
結果的に自分の遊び心を沢山出せたサイトになったと思います。
2022.07.22
エクラン | 京都寺町二条のボタン専門店
京都、寺町二条のボタン専門店。エクランの架空のWebページを制作させて頂きました。
⇓⇓⇓
エクラン | 京都寺町二条のボタン専門店
京都の老舗のボタン専門店。エクランの架空のウェブページを作りました。 快く制作を了承してくださってありがとうございます。
COMMENT
サイトのターゲットを考えたり、実際に店舗にお邪魔して画像素材をカメラで撮影したり、準備期間も含めて
3週間ほどで作成しました。
他には見ないサイトにしたくてグリッドレイアウトを使用してページを2分割し、ハンバーガーメニューを
中心に配置しました。メニューを開くと2分割された画面をシャツの表面に見立てて、メニューボタンがYシャツの
ボタンに変わるというアニメーションを追加してみました。「気軽にファッションを楽しみたい若い世代の方
にもお店に
来てもらいたい」という店主さんの気持ちを反映して、老舗感を
アピールするよりも、気軽さや、ポップさ、オシャレさを意識して作りました。
2022.07.07
unizzz... on Web
京都のロックバンド、unizzz...（ウニズ）のWebページを制作しました。
⇓⇓⇓
unizzz... on Web
京都のニューウェーブバンドunizzz...のWebページを制作しました。
COMMENT
2回目の制作です。「宇宙的な曲」をコンセプトにしているのバンドなので、ファーストビューで
ライセンスフリーの星空の画像を
使用しました。自作のタイトルロゴはファーストビューの画像から映えるように配色に注意して制作し、
CSSアニメーションを使用して上下にフンワリ動かし、宇宙の無重力感を意識しました。
作っている音楽がエキセントリックな雰囲気のものが多いので、サイトデザインにも何か飛び道具的な
要素が欲しかったかなと、後で感じました。今後さらにアレンジしたいです。
2022.07.01
irummi Web
京都のロックバンド、irummi（イラミ）のWebページを制作しました。
⇓⇓⇓
irummi Web
京都のロックバンドirummi（イラミ）のWebページを制作しました。
COMMENT
初めての作業で、所々手探りで制作したサイトです。ファーストビューでウィンドウいっぱいに
トップ画が表示されるようなデザインにしたかったので、バンドのミュージックビデオの
サムネイルを大きく表示させてみました。
レスポンシブの記述にまだ無駄があるので、今後さらにブラッシュアップさせていこうと思います。
