About Cloth ブランドサイト制作
布の魅力や制作背景、作家の想いを通してブランドの世界観を伝えるサイト
・商品の詳しい紹介よりもブランドの世界観を重視
・プロフェッショナルな印象よりも、親しみやすさと分かりやすさを重視
使う人を 想像して、つくる
PORTFOLIO DEGAWA MAYUKO
WORKS 制作物
T&D工務店/改修工事 LPコーディング
T&D工務店/ホームエレベーター工事 LPコーディング
オーガニック野菜宅配サービス LP制作（架空）
SKILL スキルセット
-
HTML
- セマンティックなマークアップ
- BEM設計
-
CSS
- レスポンシブ対応
- Flex / Grid レイアウト
- CSSアニメーション
-
JavaScript
- 基本的なDOM操作
- UI実装（Swiper / モーダルなど）
-
PHP
- WordPressテーマ構築の基礎理解
- メールフォーム実装
- データベース基礎理解
-
WordPress
- 既存テーマのカスタマイズ
- 静的サイトのテーマ化
-
 1.jpg)
Figma
- ワイヤーフレーム
- コンポーネントセット作成
-
Photoshop
- 色調補正、肌補正、切り抜き
-
Illustrator
- ロゴ制作、ベクター素材作成
LEARNING 学習履歴
-
[学習]弾む・伸縮するCSSアニメーション
keyframesを使って、ボールやオブジェクトが弾む・伸縮する動きを再現
-
[学習] 矢印が順番に表示されるCSSアニメーション
keyframesで２つの矢印を順番に表示させるアニメーションを実装
-
[学習] 弾む＋背景変化ボタンアニメーション
Hover時にボタンが弾むと同時に背景色が変わる動きを実装
-
[学習] クリックで瞬きする目のアニメーション
クリック時に目が瞬くアニメーションを制作。
-
[架空バナー] 夏の沖縄バナーデザイン
Photoshopで架空の旅行バナーを制作。
-
[学習] 医療系サイトのファーストビュー トレース
実際の医療系サイトのファーストビューをトレースしてFigmaで再現
ABOUT 経歴・自己紹介
DEGAWA MAYUKO
出川 万祐子PHILOSOPHY サイト制作の考え方
Webサイトを制作する際は、
サイトを見る人
運用する人
制作する人
すべての立場での使いやすさや目的の伝わりやすさを心がけています。
コーディングにおいては、
整理整頓のように無駄を省きつつ必要な要素を適切に配置し、
後からの修正や拡張にも対応できる構造を意識しています。
「使う人を想像してつくる」
ことを軸に、
見やすく、使いやすく、
保守性の高いWebサイトを目指しています。