YUKA SATO | Portfolio

YUKA SATO
PORTFOLIO

Web Designer &
Frontend Developer

view works about me

about me

デザイン性と運用性、
どちらも大切に。

デザインとフロントエンド、両方の視点を活かしたWeb制作を行っています。

見た目の美しさだけでなく、実装や運用まで見据えながら、
余白設計やタイポグラフィ、構造設計を丁寧に組み立てています。

デザインとコーディングを一貫して考えることで、
伝わりやすさと再現性を両立したWebサイト制作を大切にしています。

From
Ibaraki, Japan
Work style
Remote / Freelance
My favorite
Beer / Coffee / Travel

skills

対応可能なスキル・ツール

HTML/CSS
セマンティックなマークアップと保守性の高いCSS設計で実装します。
- HTML5/CSS3
- BEM設計
- レスポンシブ対応
- クロスブラウザチェック
SCSS
変数やmixinを活用し、再現性・拡張性の高いCSS設計を心掛けています。
- 変数/mixin/関数
- ネスト
- モジュール化
- BEM設計との併用
JavaScript/jQuery
デザインに沿ったUIの動きやインタラクションを実装できます。
- ハンバーガーメニュー
- スライダー/モーダル
- アコーディオン/タブ切替
- スクロールアニメーション
WordPress
オリジナルテーマ構築から既存テーマのカスタマイズまで柔軟に対応します。
- オリジナルテーマ構築
- 既存テーマカスタマイズ
- カスタム投稿タイプ
- カスタムフィールド
- お問い合わせフォーム
- サイト更新/運用サポート
PHP
PHPを使用して、必要に応じたWordPressのカスタマイズに対応します。
- アクションフック
- 条件分岐/ループ処理
- カスタム投稿タイプ
- ACF連携
Figma/XD
ワイヤーフレームからデザインカンプまで作成可能です。
- トンマナを意識したデザイン設計/li>
- 配色・タイポグラフィの設計
- コンポーネント作成・活用
- レスポンシブデザイン
Photoshop
バナーや画像加工、写真の補正など対応可能です。
- バナー/ヘッダー画像作成
- 写真の加工/補正
- 切り抜き/合成
- 画像のリサイズ/書き出し
Git/GitHub
Git・GitHubを使用したバージョン管理やソースコード管理に対応します。
- Gitによるバージョン管理
- GitHubでのコード管理
- ブランチを用いた開発
- プルリクエスト/マージ
コミュニケーション
円滑なやり取りを心掛け、認識のズレを防ぎながらプロジェクトを進めます。
- 丁寧にヒアリング・報連相
- 納期厳守・進捗共有
- フィードバックへの柔軟な対応
- チームやクライアントとの連携
その他ツール
制作や業務に必要なツールを活用し、新しいツールにも柔軟に対応できます。
- VS Code/Local
- Chatwork/Slack
- Notion
- Google Workspace