( camp&glamping site )
design / coding / 自主制作
TANAKA SAKURA
DESIGN &
PORTFOLIO
CODING
2000.02.19 from kobe
based in osaka
be honest to yourself
dance music
r&b hiphop techno
minimal simple unique
design / coding / 自主制作
design / coding / クライアント制作
20~30代の女性
・objective商品購入に繋げる、認知拡大
・tone&manner,pointトンマナ:水色、白、黄色、緑
夏限定なので、水面の素材を使用したり、文字をガラス風に加工し、涼しげなイメージにしました。
(反省点)文字の視認性が低いのでガラス風でなくても良かった。
design / 自主制作
30代のキャンプが趣味の男女
・objective新商品告知、認知拡大、ページ遷移、商品購入
・tone&manner,pointトンマナ:赤、白
写真を生かし極力シンプルなデザインを意識しました。新商品だとわかるよう、赤の文字で目立たせました。
(反省点)赤塗りつぶしでも良かった。
design / 自主制作
20~30代の服を購入したい女性
・objectiveセール告知、サイト訪問、商品購入
・tone&manner,pointトンマナ:オレンジ、紫、白
秋のセールなので、秋らしいカラーリングを意識しました。セールだと分かるように白文字で中央に配置しました。
1つ目のバナーを作った後、50%を主張するverも作成。autumnsaleを青文字でアクセントカラーで見やすく工夫しました。
design / 自主制作
30~50代の新築分譲に引っ越し、購入を考えている男女
・objectiveサイト内バナーやインスタグラム想定、詳細ページ遷移
・tone&manner,pointトンマナ:青、緑、金
新築分譲なので、高級感かつ洗練されたイメージを出したかったので、高級感を意識しました。駅から近いことをアピールしたかったので一番大きく、最低限の情報をわかりやすく伝え、詳細を見たくなるよう工夫しました。
(反省点)緑の合成はグラデーションではなくビルの先端で終わっても良かった。
design / 自主制作
edit / 実習制作
design / 自主制作
デザインをもとにWebサイトを構築。セマンティックHTML、Flexbox・Gridを使用したレイアウト設計や、レスポンシブ対応ができます。
Webサイトの目的や情報を整理し、構成・レイアウトを設計。デザインカンプの制作から、配色・文字組み・余白などのデザイン調整まで行います。
写真の補正や色調整、画像の合成・加工を中心にWebサイトやバナーに使用するビジュアルを作成できます。
アイコンや図形などのグラフィック制作、バナー制作ができます。
InstagramリールなどSNS向けの動画を制作。カット編集やテロップ、アニメーション、BGM、ナレーションなどを組み合わせた編集ができます。
ハンバーガーメニューなどのUI実装や、参考サイトを駆使しながら、ライブラリを使用したスクロール・アニメーションなど、Webサイトに動きを加える実装ができます。
WordPressを使用したサイト制作やCMS化をテキストを参考にしながら実装できます。固定ページや投稿機能の実装、コンタクトフォームの設置などができます。
田中さくらTanaka Sakura
兵庫県神戸市生まれ。 リフォームの営業、インテリアの販売員や接客業を経て、2026年4月にアップなんば校WEBデザイン・サイト制作実践科に入校。幼少期にamebaブログのカスタムCSSや画像編集ソフトを独学で学んだことをきっかけに、一度は諦めた道に再挑戦中です。ダンスを幼少期から15年以上続けています。趣味は、ダンス、音楽イベントに行く、美味しいご飯を食べる、麻雀です。