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