Webstore Sample

Python/Djangoをバックエンドに使用したウェブストアのサンプルサイトです。管理画面にはWagtailを利用し、更新作業を容易に、シンプル化を目指しました。サンプルとは言え、カート機能/在庫・顧客管理など、実際に使用できるレベルです。

またサーバーにはRender、AWSといったものの無料枠で全て賄い、無料でもこれだけのシステムを運営できることも提示しています。興味のある方は実際に登録して、ショッピングシステムを体験してみて下さい。

サイトを見る

Site for an Architect

カリフォルニア在住の建築家のためのサイトです。バックエンドにはWordPressを使用。一からオリジナルのテーマに仕上げました。建築物をモチーフにした幾何学的なメニューを採用。ポートフォリオにはシンプルなスライドショーを使用し、作品そのものに集中できるようにしてます。

またデスクトップ向けには基本、ほとんどのページに背景画像をランダムに入れ替えて表示してますが、スマホ向けには小さい画面でも見やすいよう、背景白で基本文字のみで構成されるシンプルな、ほとんど別のデザインにしてあります。クライアントの要望で使用した書体Universも実にこのサイトにはハマってる感じです。

サイトを見る

Site for a dresser

出張で着付け師をされてる方のサイトです。名刺代わりともいえる、シンプルな1ページのサイトで、過去の仕事例を紹介する自作のスライドショーを中心に据えてます。バックエンド（管理画面）は使用せず、ファイルを書き換えてFTPでアップロードするという手法を指導させて頂き、そのやり方でご自身で更新されています。シンプルなサイトで低予算で済ませるのであれば、それもひとつの方法としておすすめ致しております。

サイトを見る

Site for a Design Studio

私自身の以前のサイトです。当時流行でもあった長い1ページのサイトをスクロールするパターンのサイトです。メニューをクリックすると、該当の場所へオートスクロールしていくというあれです。効果的に必要なところにJavaScriptで動きを加えてありますが、多用は控えたつもりです。トップ画面には背景画像をランダムで入れ替わるように配置してます。アクセス（ページリロード）する度に違う背景画像が表示されます。

サイトを見る

Vue Music Player

JavaScriptライブラリーのVue.jsを利用した音楽プレーヤー。SoundCloudやMixCloudのそれを模倣してみました。

サイトを見る

写真等サンプル

プロジェクトによってはこちらで写真撮影なども担当するオプションもございます。

サンプルを見る

Github

ここで紹介してる作品もいくつか含めたプロジェクトのコードを公開してるサイトです。

サイトを見る