SSS Portfolio

個人向けの小説展示サイト
ヘッダー部分は写真や画像に置き換え可能で、ブログのトップのようなイメージ
floatとflexを使用。レスポンシブ

HTML／CSS

約100分／2025.6

個人向けの小説展示サイト
フッターや下層ページのヘッダーもメニュー部分と同色にして遊び心を加えた
floatを使った2カラム編成。レスポンシブ

HTML／CSS

約150分／2025.6

個人向けの小説展示サイト
セクションごとに2カラム編成
h2にアンダーラインでセクションを分かりやすく
floatとflexどちらも使用。レスポンシブ

HTML／CSS

約150分／2025.6

個人向けの小説展示サイト
基本的にセンター寄せの1カラム編成
メディアクエリを利用しないレスポンシブ

HTML／CSS

約100分／2025.7

ケーキ屋をイメージしたサイト
ファンシーなイメージでピンクと茶色を使用
レスポンシブ対応済

HTML／CSS
Adobe Illustrator Ver.CC

素材作成約70分＋コーディング約40分／2025.7

動物公園をイメージしたサイト
薄い緑色とヘッダーの迷彩柄で自然の雰囲気を、手書き風のロゴとメニューで遊び心を演出
レスポンシブ対応済

HTML／CSS
Adobe Illustrator Ver.CC

素材作成約50分＋コーディング約50分／2025.7

個人向けの小説展示サイト
01のサイトデザインをflexのみかつ画像利用で組み直し
海の爽やかさをイメージした色選び

HTML／CSS
Adobe Photoshop Ver.CC

約80分／2025.7

架空の自販機を紹介するサイト
写真を多用し伝わりやすさを意識
レスポンシブ対応済

HTML／CSS
Adobe Photoshop Ver.CC

素材作成約80分＋コーディング約40分／2025.8

Illustratorに慣れるために練習で制作したバナー4種
イメージに合わせたフォント選びを大切に制作

Adobe Illustrator Ver.CC

約300分／2025.7

Illustratorに慣れるために練習で制作したバナー
大人の女性をイメージした配色・フォント選び
可愛らしすぎず女性らしい雰囲気を目指した

Adobe Illustrator Ver.CC

約100分／2025.7

グループワークで制作したポスター
ファミリー層のお母さんをターゲットに設定
キャッチコピーのインパクトを前面に、かるた風のデザインなどで遊び心も演出

Adobe Illustrator Ver.CC

約150分／2025.7

Illustratorに慣れるために練習で制作したバナー3種
色数を使いすぎないよう工夫

Adobe Illustrator Ver.CC

約80分／2025.7

Photoshopに慣れるために練習で制作したバナー3種
イメージに合う色選びを工夫

Adobe Photoshop Ver.CC

約80分／2025.7

Photoshopに慣れるために練習で制作したバナー4種
垢ぬけた雰囲気になるよう調整し、雰囲気に合わせたキャッチコピーを考案

Adobe Photoshop Ver.CC

約60分／2025.8

Photoshopに慣れるために練習で制作したバナー2種
ラベンダー色で柔らかく上品な雰囲気を表現

Adobe Photoshop Ver.CC

約70分／2025.8