ポートフォリオ

Logss(logss.net) -WordPressオリジナルテーマ

logss.net site

Site URL: https://logss.net/

Source code: GitHub shoichiros

デザイン、コーディング、WordPressの構築までを全て作成。

jQueryを使わず、なるべく軽くて速いサイトを設計。レスポンシブ対応用のCSSを18行に。gridレイアウトを採用しなるべくCSSコーディングを減らすことにより軽量、保守しやすいコーディングを心掛けました。

GoogleのPageSpeed Insightsではモバイル、パソコンともに100%の速度になっています。

OrangeBar(orangebar.logss.net) HP

orangebar site

Site URL: https://orangebar.logss.net

ターゲットを設定し、どのようなサイトならターゲットが来てくれるのか考え作成。

サイト全体を黒に統一。大人の落ち着いた雰囲気をイメージ。なおかつ少しロゴなどでかわいい雰囲気を残しました。PCサイトではCSSのみでスライドショーをAutoで設定。