About
NewPost
Design
HTML/CSS
WordPress
Contact

About
NewPost
Design
HTML/CSS
WordPress
Contact

フリーランスWebデザイナー・ななふの
デザイン、コーディングの勉強記録やTIPSなど

2021-12-22

クリスマスカード作成してみました！

スポンサーリンク

PR：Fullme（フルミー）

Fullme（フルミー）は、デザイン本で有名なingectar-eによるオンラインデザインスクールです。
最初のFigma使用方法の講座は、無料でどなたでも受講可能です！
かわいいバナーが簡単につくれます。
これからWebデザイナーを目指すなら、こちらで学ぶのがオススメです！

お気軽にご相談ください

お仕事のご依頼はこちらから

サイト制作のご依頼募集中です。
こちらからお気軽にお問い合わせください。

お問い合わせフォームへ

当ブログはアフィリエイト広告を利用しています。

About

na2factory ななふ

フリーランス Webデザイナー

群馬県在住の40代女子です。
2020年8月からWebデザインの勉強を独学でスタートし、
2021年11月に開業しました。
守備範囲はバナー・チラシ制作からWordPressでのサイト制作まで。

このサイトでは、Webデザイナーになるべく自分が調べた事、
自主制作物、テクニック等を紹介しています。

詳しいプロフィールはこちら

Twitter

Tweets by na2factory

Tag

バナートレース illustrator photoshop コーディングオリジナルデザイン Tips WordPress cocoon adobeCC XD Windows セキュリティ対策 Swiper Figma MAMP Mac SVG

About

na2factory ななふ

フリーランス Webデザイナー

群馬県在住の40代女子です。
2020年8月からWebデザインの勉強を独学でスタートし、
2021年11月に開業しました。
守備範囲はバナー・チラシ制作からWordPressでのサイト制作まで。

このサイトでは、Webデザイナーになるべく自分が調べた事、
自主制作物、テクニック等を紹介しています。

詳しいプロフィールはこちら

人気の記事

photoshop 雲模様でできることのまとめ！ Vol.1

2021.04.172024.02.22

photoshop初心者がバナートレース30本達成！躓きまくりの過程とこれからのこと

2020.11.062022.08.17

HTML/CSS イラレで作ったSVGを外部ファイルで読み込み。色変更・レスポンシブ対応可能にするまでの手順

2022.03.032023.06.22

イラレでもバナートレース30回達成！手順や手ごたえ等をまとめます

2021.04.212023.03.11

LPのお問い合わせフォームに使える！PHP工房さんのフリーメールフォームを実装してみた

2022.07.302023.06.22

Tag

バナートレース illustrator photoshop コーディングオリジナルデザイン Tips WordPress cocoon adobeCC XD Windows セキュリティ対策 Swiper Figma MAMP Mac SVG

Instagram

ゆるゆると更新しております

WordPressの無料テーマ、Cocoonのスキン「grayish」（グレイッシュ）を制作しました。
Cocoonのver2.6.9より、同梱していただきました！🎉
Cocoonのスキン選択でgrayishを設定するだけで、どなたでも気軽にお試しいただけます。😊

WordPressでブログを始めるなら、まずは無料テーマを検討しますよね(^^)
Cocoonは無料なのにとても高機能で、多くのブロガーに愛されているテーマです。
現在も活発に開発が行われており、フォーラムでのサポートも充実しています。

grayishは、
Cocoonの見た目（デザイン）を大きく変更するスキンです。

まずサイトのトップページ（フロントページと言います）は、画面一杯のメインビジュアルになります。

投稿や固定ページのデザインも、
シンプルでスッキリとした
コンテンツを引き立てるデザインになります。

Cocoonは高機能なため、設定の項目が多く初心者の方には慣れるまで大変な面があります😢
grayishはある程度デザインに関する設定を自動で行うため、記事作成に集中しやすいスキンになっています😊

詳細は、プロフィール欄@na2factory にあるリンクからマニュアルサイトをご覧ください！

#WordPress #Cocoon #ブログ

こんにちは😄

チョコレートショップのデモサイト、
実際にはこんな風に動きます♪

ショップの高級感、主役である商品を引き立てるアニメーションとして
流れるような、なめらかな動きを考えました😊

ほどよいアニメーションがあることで、ユーザーが飽きて離脱することも防ぐ効果がありますね♪

#webデザイン
#webデザイナー
#フリーランスwebデザイナー

こんにちは😄

デモサイト制作しました！
チョコレートショップのランディングページです。

HTML／CSS／JavaScriptでの静的サイトのデモです。

実際のサイトはプロフィール欄からブログ内にてご覧になっていただけます。

↓↓↓デモサイトのURL
https://demo-chocolatie-n.na2-factory.com

WordPressのような更新機能は不要だけど、お店の顔となるホームページが欲しいと検討中の個人事業主様に向けて制作しました。

Na2factoryではデザイン〜コーディングまで一貫で制作いたします😊

昨年度は制作会社と業務委託契約を結び、WordPressでのサイト制作やコーディング業務を受注してておりました。

ですが、お客様から直接ご要望を伺うことや、自分の実績として公開することが難しく、今後は個人でお仕事を受注していきたいと思ってます！！

これからもいくつかサンプルとして、デモサイト制作していきますのでどうぞ宜しくお願いいたします。

#webデザイン
#フリーランス

こんにちは！
前回の投稿で作成したバナーを使用してJavaScriptでギャラリー風に実装しました。
小さいアイキャッチを
PCではマウスホバー、SPではタッチすると大きい画像が切り替わります😄

実際の動きは@na2factoryからブログ（https://na2-factory.com/）のNewPostをチェックしてみてください(^^)
#webデザイナー
#web制作フリーランス

今日はホワイトデーですね！
Webデザインで使用し始めたFigmaでオリジナルバナーを作ってみました。
インスタに投稿するのがかなり久しぶりで緊張します💦

Figmaとても使いやすいツールですね😄
まだ慣れないですがプラグインが充実しているので使っていて楽しいです。

#webデザイン
#figma

こんにちは😊自主制作サイト、WordPre

こんにちは😊自主制作サイト、WordPress化まで完成しました！
架空のパン屋さん「ベーカリーコルネ」のホームページです。
デモサイトはブログのTOPページから
すぐに見れるようになっているので宜しかったらご覧ください。
プロフィールページにリンクあります🍞

このお店の主力商品である、焼きたて食パン。
焼きたての時間に予約して受け取れるサービスとして、専用の予約ページを作りました。
また、お店の紹介AboutページもHTMLの時から少々デザイン変更しているので、動画に含めました。途中から背景固定のパララックス風になっています😊

WordPressはお客様が自分で更新できるのが良い点ですが、
特に初めて使う場合などは慣れるまでフォローが必要だと思ってます。
ななファクトリーでは、お客様がスムーズに投稿できて、
更新が楽しめるサイトを作っていきたいと思ってます！
次回以降、ダッシュボード（管理画面）での投稿の仕方など、また投稿したいと思います🥰

Web制作についてのお困り事や、
既存のWordPressサイトのカスタマイズ等のご要望がありましたら
お気軽にDMまで！
#webデザイン #web制作 #フリーランス

こんにちは！
昨日は娘の小学校の卒業式でした。
卒業記念に久しぶりにバナー制作しました😄
4月からは中学生✨子供の成長は本当にあっという間ですね。
難しい年頃になってきましたが、
努力する親の背中を見せ続けたいと思います😊
#バナー制作 #フリーランス #webデザイナー

こんにちは！自主制作サイトのHTML化

こんにちは！
自主制作サイトのHTML化がひとまず完成しました😄
架空のパン屋さんのホームページになります。
これからお客様がお知らせや、
メニューの更新等をしていけるようにWordPress化していきます！

ブログからデモサイトご覧いただけます😊
実際の動作を見ていただけたら嬉しいです🎉
（IEはサポート外です💦）
#webデザイン #web制作 #フリーランス

さらに読み込む Instagram でフォロー

運営者（ななふ）についてお問い合わせプライバシーポリシー

About

About

About

photoshop初心者がバナートレース30本達成！躓きまくりの過程とこれからのこと

photoshop初心者がバナートレース30本達成！躓きまくりの過程とこれからのこと

Design

HTML/CSS スクロールスナップに挑戦！レスポンシブ対応で苦戦！

HTML/CSS スクロールスナップに挑戦！レスポンシブ対応で苦戦！

HTML/CSS

自主制作の記録！デザイン→コーディング→WordPress化までやってみる。【WordPress】完成したよ！是非見てね

自主制作の記録！デザイン→コーディング→WordPress化までやってみる。【WordPress】完成したよ！是非見てね

WordPress

HTML/CSS イラレで作ったSVGを外部ファイルで読み込み。色変更・レスポンシブ対応可能にするまでの手順

HTML/CSS イラレで作ったSVGを外部ファイルで読み込み。色変更・レスポンシブ対応可能にするまでの手順

Tips

お問い合わせ

お問い合わせ

CONTACT

© 2020 Na2 factory ななファクトリー.

HOME
PAGE TOP
CONTACT