作品集 | ichi1.su.z.m | Webデザインのポートフォリオ

Works

制作実績

WordPressカスタマイズ

不動産会社HP

WordPressを使用し、不動産業向けに最適化したサイトを制作。物件情報を見やすく整理し、エリアごとの検索機能を導入。メインビジュアルには暖色系を取り入れ、温かみと信頼感を演出しました。ユーザーがスムーズに情報を得られるよう、レスポンシブデザインも最適化。

WordPressカスタマイズ / ウェブデザイン
行政書士事務所HP

WordPressを活用し、行政書士事務所向けの信頼性のあるサイトを制作。お問い合わせフォームの導線を強化し、依頼しやすい設計にカスタマイズ。シンプルなデザインながらも、SEO対策を意識した構成で、集客力も向上。クライアントの要望に合わせたオリジナルのカスタマイズも実装。

WordPress / UI設計 / UX改善

コーディング実績

LP制作（デザインカンプからの実装）

Figmaデザインをもとに、HTML/CSS/JavaScriptをを使用してコーディングを行いました。忠実に再現することを重視し、細部まで丁寧に作成しました。また、メディアクエリを活用してレスポンシブ対応も施し、デバイスに応じた快適な表示を実現しています。リンクも適切に設定し、完成に向けて力を入れて仕上げた作品です。

HTML / CSS / JavaScript / Figma to Code
HTML/CSSコーダー③

HTMLとCSSで、デザインカンプに沿ってコーディングを行いました。メディアクエリを使ってレスポンシブ対応も施し、スマートフォンでも快適に閲覧できるようにしています。また、スワイパーを取り入れて、スライドショーがスムーズに動作するようにして、より使いやすいページに仕上げました。

ウェブデザイン
HTML/CSSコーダー②

HTMLとCSSでのコーディング練習として、デザインカンプに忠実な見た目を再現することにこだわりながら作成しました。コードはすっきりと整理し、読みやすさにも配慮しました。また、レスポンシブデザインを採用し、どのデバイスでも快適に閲覧できるように工夫しています。

ウェブデザイン
コーディング実績

HTMLとCSSで、デザインカンプに沿ってコーディングを行いました。初めてカンプを見ながら作製した作品です。レスポンシブも勉強し、対応できるようにしました。

ウェブデザイン

その他実績

不動産会社バナー

一目見て情報が理解できるように、情報を最小限にとどめて、1つ1つの内容を印象的にデザインし、訴求力を高めるように心がけました。

ウェブデザイン
売却不動産募集広告

売却を促す広告デザインとして、見やすさと視認性に配慮しました。要点をシンプルにまとめ、写真とテキストのバランスを工夫しています。

グラフィックデザイン
招待カード

Illustratorを活用し、手書き風のフォントと花束のイラストを取り入れることで、温かみのある柔らかな雰囲気を演出しました。スクールで学んだクリッピングマスクなどの技術を効果的に活かし、デザインに深みと独自性を加えました。

グラフィックデザイン
案内状

IllustratorやPhotoshopを駆使して、ロゴや地図を制作しました。デザインの雰囲気に合わせて、色使いやフォントにもこだわり、特に黒板に書いたようなかすれ感を表現することで、温かみと個性を引き立てました。

グラフィックデザイン
不動産バナー小

ボタンを大きくデザインし、思わずクリックしたくなるような工夫を施しました。また、不動産に関連した内容が一目で伝わるように、住宅の画像を取り入れることで、視覚的にも訴求力を高めています。

グラフィックデザイン
会社バナー

会社名の立体感を強調し、視覚的に印象を残すデザインに仕上げました。さらに、背景にかわいらしいお花をあしらうことで、全体に温かみと親しみやすさを加えています。

グラフィックデザイン
母の日バナー

母の日のバナーでは、花束を丸くくり抜き、ぼかしを加えて柔らかな印象に。ロゴは丸みを持たせ、一部の文字が倒れることで遊び心とかわいらしさをプラス。ピンクの枠線と影が温かみと立体感を引き立てています。

グラフィックデザイン
html→WordPress作品

HTMLで作成したサイトをWordPressに移行する過程をこれからさらに学び、HTMLをWordPress化するスキルを深めていきたいと考えています。現在は基本的なWordPressの使い方を習得していますが、より効率的にHTMLをWordPressに組み込む方法やカスタマイズ技術を学び、サイトの機能向上に活かしていきたいと思っています。

ウェブデザイン
Webサイト作成広告

このWebサイト作成広告は、Webサイト制作事業の促進を目的に作成しました。幅広い世代をターゲットに、シンプルで分かりやすいデザインを重視しています。また、Webサイトの必要性や利便性をわかりやすく端的に伝える内容となっています。

グラフィックデザイン