体験設計を意識したWebコーディング
ひなのポートフォリオ
skills
今できること
html/css
デザインカンプから構造を読み取り、
セマンティックなHTML設計と
保守性を意識したCSS設計が可能です。
レスポンシブ対応や、
アニメーションを含めた実装まで
一貫して対応できます。
JavaScript
jQueryを用いた実装を中心に、
スライダー・モーダル・
ハンバーガーメニューなどの
UI実装が可能です。
スクロール連動のアニメーションや、
カスタム挙動の実装にも
対応しています。
Figma
デザインカンプの確認・
書き出しを中心に使用しており、
デザイン意図を理解した上での
コーディングが可能です。
プロトタイプ機能の活用についても
現在習得を進めています。
WordPress
オリジナルテーマの構築を中心に、
カスタム投稿タイプ・
カスタムフィールドの設計、
お問い合わせフォームの実装まで
対応可能です。
運用を意識した構築を
心がけています。
Photoshop
画像の書き出しやレタッチ、
バナー制作などに対応可能です。
マスク処理や合成などの
基本的な加工も行えます。
illustrator
ロゴや簡単なグラフィック制作に
使用しています。
現在も表現の幅を広げるため、
継続してスキル向上に
取り組んでいます。
C言語/Java
C言語やJavaなどの学習・
実務経験を通して、
プログラミングの基礎的な考え方や
ロジック理解を習得しています。
これらの経験を活かし、
構造を意識したコーディングを
行っています。
about
自己紹介
フリーランスでWeb制作をしております、ひなです。
主にコーディング・WordPress実装を中心に、
デザインの意図を丁寧にくみ取り、「伝わる体験」を形にすることを大切にしています。
教育訓練でプログラミングを学び、
SEとしての実務経験を経てWeb制作の道へ進みました。
構造や仕組みへの理解を活かし、保守性・更新性も意識した実装を心がけています。
得意分野はWordPress実装とアニメーション実装です。
GSAPなどを用いた動きのある表現や、
SEO・運用面まで見据えたサイトづくりにも取り組んでいます。
「見ていて楽しい」「触れて心地いい」サイトを目指して制作しています。
将来はクリエイターの活動を支えるWebクリエイターとして、
想いや世界観を一緒に形にできる存在を目指しています。
「相談してよかった」と思っていただけるパートナーになれたら嬉しいです。
works
作例
【Webサイト】
hina.collection
【Webサイト】
ひなナン工房
【Webサイト】
Start by Design
【Webサイト】
ととのう壁打ち
【架空バナー】
保護猫カフェ
【架空バナー】
秋のご褒美ドリンク
【タイトルロゴ】
愛兎～あいらび～
【サークルロゴ】
ひなナン工房
【サイトロゴ】
hina.collection
contact
お問い合わせ・ご依頼はこちら
コーディングのみのご相談や、
部分的な実装のご依頼も対応可能です。
まずはお気軽にご相談ください。
通常1〜2日以内にご返信しております。