Portfolio

skill up

常に新しい技術を磨き、表現の可能性を最大限にすることに努めます。
I will constantly strive to hone new skills and maximize the possibities of growth.

クライアント、デザイナーのサイトへの想いを忠実に再現することに努めます。
I will make efforts to faithfully reproduce the design of the website.

求めているモノを理解して実現することに全力で努めます。
I will do my utmost to understand what my client wants and I will actualize them.

架空のコンサルティング会社のサイトです。
パララックスやアニメーションを取り入れ動きのあるサイトになっています。
また、お問い合せボタンを画面に固定し、ユーザーがいつでも相談できるようにしています。

HTML/CSS/jQuery/Sass/レスポンシブ対応

架空のスープレストランサイトをデザインしました。
ご予約フォームを設置しているので24時間受け付けることができます。
また、フォームにはメール確認画面やメール通知機能もついています。

HTML/CSS/jQuery/デザイン/レスポンシブ対応

架空のデンタルクリニックのサイトです。
患者さまが迷わず予約ができるように、予約ボタンをわかりやすい所に配置しています。
CSS設計にはFLOCSSを採用しています。

HTML/CSS/jQuery/Sass/デザイン/レスポンシブ対応

架空の行政書士のサイトをWordpressで作成しています。
お知らせやブログを管理画面から更新することができます。
また、新たなメニューを作成するなど投稿できる種類を増やすこともできます。

HTML/CSS/jQuery/Sass/Wordpress/レスポンシブ対応

コンテンツをバラバラに配置し、
スクロールインで動きのあるサイトを実装しています。
スクロールするとコンテンツが現れます。
トップイメージには動画を埋め込んでいます。

HTML/CSS/jQuery/Sass/レスポンシブ対応

架空のイタリアンレストランサイトです。
youtubeやFacebookなどを埋め込み、よりお店のことを知ってもらえるようにしました。
また、アニメーションのボタンやスクロール誘導を活用し面白みを演出しています。

HTML/ CSS/ jQuery/レスポンシブ対応

架空のWeb制作スクールの模写サイトです。
SNSリンクを画面に固定し、いつでもユーザーがコンタクトを取りやすいようになっています。

HTML/CSS/jQuery/Sass/レスポンシブ対応