Nacchi’s Portfolio

Loading...

Xのアイコン
写真:木漏れ日の中のPC

Nacchi’s Portfolio

人に寄り添い丁寧にカタチにするコーディング

SCROLL DOWN

Contact

お問合せはこちら

写真:Sweet Delightのサイト
写真:BLUESKYのサイト
写真:ポートフォリオサイト
写真:歯科クリニックのサイト
写真:Wander Globeのサイト
写真:onomichiのサイト
写真:sobolonのサイト
写真:OHA!のサイト

Works

制作実績

View more
LP

採用サイト

自主制作
View more
HP WordPress

ポートフォリオ

自主制作
View more
HP WordPress

歯科クリニックサイト

自主制作
View more
LP

観光サイト

自主制作

Animation

アニメーション

これまで実装したアニメーションです。
デザインに合わせてご提案いたします。

ななめスライダー
JavaScript Swiper

ななめスライダー

カードが重なるアニメーション
GSAP

カードが重なるアニメーション

フェード切り替えスライダー
SCSS JavaScript Swiper

フェード切り替えスライダー

スクロールで線が伸びるアニメーション
GSAP

スクロールで線が伸びる
アニメーション

ホバーアニメーション
SCSS

ホバーアニメーション

文字が下から出現するアニメーション
SCSS JavaScript keyframe

文字が下から出現するアニメーション

Service

提供サービス

「Web制作を頼みたい」「既存のWebサイトを修正、改善したい」などお気軽にご相談ください。

パソコンのアイコン

ホームページ制作

デザインを元にコーディングいたします。
制作中もご要望に応じて柔軟にご対応いたします。

吹き出しのアイコン

ホームページ修正・相談

文章の変更や表示崩れなどの小さな修正から、全体の改善やご相談まで幅広く対応いたします。
些細なことでもお気軽にご相談ください。

パソコンのアイコン

アニメーションの実装

Keyframe や GSAP を用いたアニメーションを実装し、デザインに動きをプラスします。
サイトをより魅力的に演出し、ユーザーに印象的な体験を提供します。

Skills

使用ツール

HTMLのアイコン

HTML

CSSのアイコン

CSS

Sassのアイコン

Sass

JavaScriptのアイコン

JavaScript

jQueryのアイコン

jQuery

Wordpressのアイコン

Wordpress

Work flow

制作の流れ

ご相談から納品までの流れです。
状況に応じて柔軟に対応いたします。

01
電卓のアイコン

ご相談、お見積もり

当サイトのContactフォーム、またはX(旧Twitter)のDMよりお問合わせ下さい。ご相談だけでも大歓迎です。ご要望に応じてお見積もりを制作します。

02
パソコンのアイコン

コーディング制作

頂いたデータをもとに制作を開始します。画面幅に応じた丁寧なレスポンシブ調整や、アニメーションの実装も可能です。

03
アンケートシートのアイコン

ご確認

作業が完了しましたら、制作物に問題が無いか確認をお願い致します。修正が必要な場合は、即日または数日以内に対応いたします。

04
インターネットのアイコン

納品、サイト公開

お客様サーバーへのアップロードまたはzipファイルをお渡しして納品となります。お客様にも本番アップをご確認頂き、問題なければ納品完了です。

About

自己紹介

なっち写真

なっち

1993年生まれ、神奈川県在住のWeb制作コーダーです。
看護師として約10年間、「人に寄り添い、相手の気持ちを大切にしながら課題を解決すること」を心がけてきました。

その経験はWeb制作にも活きており、クライアントの想いや目的を丁寧にくみ取り、一緒に形にしていくことを大切にしています。

オンラインスクール「デイトラ」の卒業制作では満点をいただき、正確さや丁寧さを持って取り組む姿勢を評価していただきました。
また、保守性・拡張性を意識したコードや、レスポンシブ対応・品質チェックを徹底することで、納品後も安心して長く使えるサイトをお届けしています。

趣味:野球観戦(埼玉西武ライオンズファンです)、温泉、旅行、読書、写真を撮ること

Xのアイコン
父母ヶ浜の写真
草津温泉の写真
稲村ヶ崎の写真
ビールを持って野球観戦している写真
子どもとベルーナドームの写真
埼玉西武ライオンズのユニホームの写真
シンデレラ城の写真
鹿沢温泉の写真
鶴の湯温泉の写真
高湯温泉の写真

私の強み

01

Communication

丁寧なコミュニケーション

ヒアリングを通じて目的や背景を正しく理解し、こまめな確認・報告で安心して進められるよう心がけています。

02

Maintainability

保守性を意識したコーディング

見やすく拡張性のあるコードを意識し、BEMやFLOCSSなどのCSS設計を取り入れて、修正や更新がしやすい制作を行います。

03

Quality

成果物の品質

レスポンシブ対応や品質チェックを徹底し、納品後も安心できる「困らない」サイトを提供します。

Message

メッセージ

女性のイラスト

想いに寄り添い、細部まで丁寧に制作します。

「こんなこと相談してもいいのかな?」と思うような小さなことでも大丈夫です。

あなたの想いを大切にしながら、一緒に形にしていきたいと考えています。

どんな些細なことでも、まずはお気軽にご相談ください。

Contact

お問い合わせ

ご覧いただきありがとうございます。
お仕事のご依頼やご相談はこちらまでお気軽にご連絡ください。
1日以内にお返事いたします。

お問合せはこちら

Contact

お問合せはこちら