守秘義務等で公開していない実績もございます。
個別のお問い合わせなどではお伝えできるものもありますので、お気軽にご相談ください。
-
注目
ポートフォリオサイト(パーティクルエフェクト)現在のポートフォリオサイトを構成はそのままでパーティクルエフェクトを主体にしたデザインにしたものです。
パーティクルエフェクトはThree.jsを用いてスクロールに応じて形が徐々に変化するようにしました。
PCの場合は左側に、スマートフォンの場合は背景にパーティクルが表示されます。
レスポンシブ対応です。
-
注目
和食料亭ホームページhttps://code-step.com/xd-public/
こちらのサイトで公開されているデザインカンプをもとに作成したデモホームページです。
全体的に縦書きのレイアウトを採用しており、和風なテイストになっています。
ヘッダーの背景画像のスライドショーやスクロールのプログレスバーなどはすべて自作しています。
こちらで使用している画像はすべて商用利用可、およびクレジット掲載不要のフリー素材を使用しています。
レスポンシブ対応です。 -
旧ホームぺージ
現在のホームページの基になったページです。デザインからすべて自分で作成しました。スクロールに応じて要素が現れる仕様で、レスポンシブ対応です。
-
花屋サイトakane (@omsss22)
https://twitter.com/omsss22
の作成したデザインカンプをもとに作成したサイトです。
シンプルなサイトですが、レスポンシブ対応でスクロールに応じて要素がフェードインするなど各所にアニメーションを設定しています。 -
CLATTY様 TシャツカラーシミュレータTシャツの色、デザイン、エンブレムなどをボタンで切り替えてシミュレートする機能を実装しました。
javascriptおよびCSSなどで作成しています。 -
ヘアサロンサイトhttps://webdesigner-go.com/template/psd-hairsalon/
こちらのサイトのファーストビューを参考に、ヘアサロンのホームページをイメージして作成したサイトです。
サイト内のすべての素材は商用利用可、リンク表示不要のものを使用しています。
レスポンシブ対応しています。 -
レストランサイトあるコンペでのwebデザインをHTML等で作成しましたが、当選しなかったのでポートフォリオとして画像等を入れ替えたものを公開いたします。使用しているロゴ、ギャラリー画像等はすべてフリー画像に差し替えてあります。一部の背景にパララックス効果を使用しており、各セクションを斜めに配置する構成になっております。レスポンシブ対応です。
-
CLATTY様 価格シミュレーターシャツの枚数やデザインタイプ、お届け希望日などによって価格が変動するシミュレーターを実装しました。
また、PHPによって注文確認メールなどが送信されるように開発しました。 -
HomeSeed様 ホームページある企業サイト様の構成を参考にしてデザインから作成したホームページです。暗めの色を基調にしたデザインです。
ランサーズ上での連絡が取れなくなったためポートフォリオとして公開しています。
公開の取り消し申請が来た場合は非公開にする場合があります。
コンセプトの出現方法に特に力を入れています。レスポンシブ対応です。 -
花のアート展特設ページデモhttps://code-step.com/xd-public/
こちらのページにて公開されているデザインカンプをもとにいくつか独自の工夫を加えて制作したページです。
ACCESSの部分の背景が2分割されて左右からフェードインする部分や、GoogleMapの表示をモーダルウインドウにした部分が独自の部分です。
ページ内の画像はすべて商用利用可能な無料画像を使用しています。
レスポンシブ対応です。
