SAKURADA
NAO
Web Designer & Frontend Developer
Portfolio
目的や導線を整理し、
丁寧に考えることを大切にしています
Works
スタジオアヴァンティLP
東村山市にあるレンタルスタジオ
スタジオアヴァンティ様のLPを制作させていただきました
planning / design / coding
https://www.a-dance.com/s.avanti/2025.12
詳しく見る
La Cachette（ラ・カシェット）
実際に訪れたクレープとコーヒーのお店をモデルに、
雰囲気と客層を踏まえ構成しました
planning / design / coding
https://s-na98.github.io/lacachette/2025.10
詳しく見るHow I Work
- 01
-
情報を整理し、土台から設計する
ヒアリングや情報収集を通して、まず全体を整理することを大切にしています。
複雑で散らかりがちな情報を整理・可視化し、
課題や目的を明確にした上で、解決のための構成とデザインを考えます。
考えすぎる、気にしいな性格ですが、だからこそひとつひとつを丁寧に詰め、
「伝わる」「わかりやすい」「世界観が感じられる」デザインを目指しています。 - 02
-
実装を見据えて設計する
Figma上の見た目だけでなく、実装時の再現性を意識してデザインします。
コーディングを理解していることで、デザインと実装のギャップを減らし、無理のない構成を心がけています。 - 03
-
フィードバックを活かして調整する
修正点やフィードバックに対して、ただ直すのではなく、
「なぜそうしたいのか」「より良くするにはどうするか」を自分自身に落とし込み、考えながら対応しています。
修正と確認を重ね、納得感のある形に近づけていくことを大切にしています。
Skills
Design / Planning
Figma（+Canva）
- 情報整理・要件整理
- 構成設計（サイト全体 / ページ構成）
- ユーザー導線を意識したUI設計
- 目的に応じたビジュアル制作（必要に応じてCanva対応）
Coding / Development
HTML / CSS / SCSS
- デザインを忠実に再現したコーディング
- 誰が見ても分かりやすいコード
- SCSSによるスタイル設計・管理
- レスポンシブ対応を前提とした実装
JavaScript
- JavaScriptを用いた基本的なUI実装
- 動きのある表現・インタラクションの追加
- 挙動確認・調整を行いながらの実装
- 必要に応じたAI活用による実装
WordPress
- オリジナルテーマの制作経験あり
- 基本的なテンプレート構造の理解のうえ、指示・仕様をもとにしたテーマ実装
About
櫻田 奈央（さくらだ なお）
子どもが生まれ、在宅で働ける仕事を探していた中で、WEB制作の仕事を知りました。
「Webサイトってどうやって作られているんだろう」と思い、興味を持ちました。
Webサイトごとに目的や条件、世界観が異なる中で、それらを整理しひとつの形にしていく過程に惹かれ、Webデザインとコーディングを学び始めました。
現在はLPなどの制作業務に携わりながら、自己制作も続け、制作と改善を通して経験を重ねています。
デザインとコーディングの両方を理解し、要件の整理や分析を丁寧に行い、しっかり考える制作を大切にしています。
Contact
お気軽に下記メールアドレスへご連絡ください。
s.na982710@gmail.com