Let's Talk

PORTFOLIO

Designing
a Better Tomorrow.

デザインで、日常に小さな感動を。

nakayasu3 / Web制作企業サイト・LPのデザインから、
HTML・CSS・JavaScriptによる実装まで。

View Works

IDEAS
DESIGN
EXPERIENCE
FOR
A BRIGHTER
TOMORROW.

GOOD
DESIGN
CREATES
A KINDER
WORLD.

Featured Works自主制作サンプル

ABOUT

デザインで、
よりよい未来をつくる。

nakayasu3として、Webサイトを制作しています。
企業サイトやLPの構成・デザイン・実装に対応。
HTML・CSS・JavaScriptを使い、スマホでも
読みやすく、操作しやすい画面を目指します。
ChatGPT・Claude・Codexを制作に活用し、
表示と動作をブラウザで確認しています。

View Works
  • PHILOSOPHY
  • PROCESS
  • SKILL
  • BACKGROUND

WORKS

想いをかたちにする、
デザインの力。

業界ごとに作った、自主制作の12作品です。
ここでは代表の2作品を、構成・デザイン・実装の内容とともにご紹介します。
いずれも受託実績ではありません。

View All Works

PROJECT DETAILS

制作の意図と、
実装したこと。

画像だけでなく、動作するページで
制作内容をご確認いただけます。

01 / SELF-INITIATED

みなとロジスティクス

架空の物流会社を題材にした企業サイトのTOPページです。事業内容・会社概要・問い合わせ導線を整理し、サービスを探しやすい構成にしました。

制作範囲
構成・文章・デザイン・静的ページの実装
使用技術
HTML / CSS / JavaScript
実装内容
レスポンシブ表示、スマホメニュー、事業案内の開閉、デモ用ダイアログ
AIの活用
構成・文章・コードの作成補助。表示・操作をブラウザで確認。
素材・補足
写真はUnsplashのイメージ素材。出典は作品内に記載。架空の会社であり、問い合わせ送信機能はありません。制作時間は未計測です。
制作サイトを見る →

02 / SELF-INITIATED

このポートフォリオ

写真と文字の余白を活かした、1ページの制作紹介サイトです。PCの雰囲気を保ちながら、スマホでは内容が順番に読める構成にしています。

制作範囲
AI生成デザインをもとにした実装・レスポンシブ調整・掲載内容の編集
使用技術
HTML / SCSS（Dart Sass）/ JavaScript
実装内容
全画面メニュー、スクロール表示、視差表現、動きを抑える設定への対応
AIの活用
ChatGPTでデザインと画像を生成し、Claude・Codexを実装とレビューに活用。
素材・補足
人物・風景は生成画像です。人物写真は制作者本人ではありません。制作時間は未計測です。
このサイトの先頭へ ↑

CONTACT

一緒に、
新しい景色をつくりませんか？

お仕事のご相談、プロジェクトのご依頼、
その他のお問い合わせもお気軽にご連絡ください。
一緒に、よりよい未来をデザインできることを楽しみにしています。

メールで相談する

ANY
IDEAS
ANY PROJECTS
ANY POSSIBILITIES.