Difference between revisions of "Webpage layout"

From CNM Wiki
Jump to: navigation, search
(Flexible layout)
 
(44 intermediate revisions by the same user not shown)
Line 1: Line 1:
==Flexible layout==
+
[[Webpage layout]] (hereinafter, the ''Layout'') is the domain of [[web design]] that concentrates on the layout of [[webpage]]s. The ''Layout'' may include [[graphic design]], [[information architecture]], [[statement of work]], and/or [[acceptance criteria]].
*https://elementor.com/blog/introducing-flexible-layout/
+
 
*https://elementor.com/blog/the-ultimate-guideline-to-flexible-layout
+
 
 +
==Purposes==
 +
 
 +
===Content pages===
 +
*[[Web article]]
 +
 
 +
===Navigation pages===
 +
*[[Popup page]]
 +
*[[404 page]]
 +
 
 +
==Patterns==
 +
===Design principles===
 +
*https://elementor.com/blog/principles-of-website-design/
 +
*https://elementor.com/blog/web-design-niche/
 +
*https://elementor.com/blog/style-guide-examples/
 +
*https://elementor.com/blog/web-design-pricing-guide/
 +
 
 +
===Flexible layout===
 +
:''Main wikipage: [[Flexible website layout]]''
  
 
===Query-based content===
 
===Query-based content===
 
*https://elementor.com/blog/introducing-advanced-query-control/
 
*https://elementor.com/blog/introducing-advanced-query-control/
  
==Performance improvement==
+
===Flat design===
 +
*https://elementor.com/blog/flat-design/
 +
 
 +
==Features==
 +
===Theme===
 +
:''Main wikipage: [[Interface theme]]''
  
==Effects==
+
===Motion effect===
===Motion effects===
 
 
*https://elementor.com/blog/introducing-motion-effects/
 
*https://elementor.com/blog/introducing-motion-effects/
 +
*https://elementor.com/pages/motion-effects/
 +
*https://elementor.com/blog/how-to-use-motion-effects/
 +
 +
===Parallax effect===
 +
*https://elementor.com/blog/parallax-effect-part-1
 +
*https://elementor.com/blog/parallax-effect-2/
 +
 +
===Boxes===
 +
:''Main wikipage: [[Websection box]]''
 +
 +
===Accessibility===
 +
*https://elementor.com/blog/wordpress-accessibility-elementor/
  
===Elements===
+
===Background===
:''Main wikipage: [[Website layout element]]''
+
:''Main wikipage: [[Webpage background]]''
  
==Producers==
+
===Dividers===
 +
 
 +
===Fields===
 +
*https://elementor.com/blog/wordpress-custom-fields/
 +
 
 +
==Practices==
 +
 
 +
===Performance===
 +
*https://elementor.com/blog/5-best-wordpress-caching-plugins-2019
 +
*https://elementor.com/blog/wp-rocket/
 +
 
 +
===Industry leaders===
 
*https://elementor.com/blog/10-best-resources-for-elementor-templates/
 
*https://elementor.com/blog/10-best-resources-for-elementor-templates/
 +
 +
===Adds===
 +
I will update your existing website as mentioned in your specification with full security and eye-catchy look and feel in order to have better flow and support millions of users with great performance and make it more professional and looks appealing.
 +
 +
I will take care of the following things:
 +
#Call to action pitches, their color & content
 +
#Placement of call to action pitches
 +
#Lead capturing form placement & improvements
 +
#Header pitches which will give an idea about our services
 +
#Header menu improvements
 +
#Enhanced user experience
 +
#Responsiveness/ Mobile friendly design & layout
 +
#Less page load time & fully optimized for Google
 +
 +
===Expertise===
 +
 +
Wire-frames, Photoshop, HTML, CSS, JS, JQuery, [[WordPress]], E-commerce, PHP, Shopify and Responsive designs. I am best in optimizing User Interface, Interaction Design and User experience.
 +
 +
===Skills===
 +
#[[WordPress]], Shopify, [[PHP]]
 +
#Wireframing (Axure, Balsamiq, MS Visio)
 +
#Interaction Design
 +
#Photoshop
 +
#Illustrator
 +
#HTML5, CSS, JS
 +
#Mobile Design (Responsive Design)
 +
#MySQL
 +
 +
===Libraries===
 +
*Icon; see also -- https://elementor.com/blog/introducing-custom-icons/
 +
*Font
 +
 +
===Contracts===
 +
:*https://elementor.com/blog/web-design-contract/
 +
:*https://elementor.com/blog/website-design-questionnaire/
 +
:*https://elementor.com/blog/website-design-sales-pitch/
 +
 +
==Development==
 +
===Wireframe===
 +
:''Main wikipage: [[Website wireframe]]''
 +
 +
===Training===
 +
*https://elementor.com/blog/best-online-web-design-courses/

Latest revision as of 16:42, 5 February 2023

Webpage layout (hereinafter, the Layout) is the domain of web design that concentrates on the layout of webpages. The Layout may include graphic design, information architecture, statement of work, and/or acceptance criteria.


Purposes

Content pages

Navigation pages

Patterns

Design principles

Flexible layout

Main wikipage: Flexible website layout

Query-based content

Flat design

Features

Theme

Main wikipage: Interface theme

Motion effect

Parallax effect

Boxes

Main wikipage: Websection box

Accessibility

Background

Main wikipage: Webpage background

Dividers

Fields

Practices

Performance

Industry leaders

Adds

I will update your existing website as mentioned in your specification with full security and eye-catchy look and feel in order to have better flow and support millions of users with great performance and make it more professional and looks appealing.

I will take care of the following things:

  1. Call to action pitches, their color & content
  2. Placement of call to action pitches
  3. Lead capturing form placement & improvements
  4. Header pitches which will give an idea about our services
  5. Header menu improvements
  6. Enhanced user experience
  7. Responsiveness/ Mobile friendly design & layout
  8. Less page load time & fully optimized for Google

Expertise

Wire-frames, Photoshop, HTML, CSS, JS, JQuery, WordPress, E-commerce, PHP, Shopify and Responsive designs. I am best in optimizing User Interface, Interaction Design and User experience.

Skills

  1. WordPress, Shopify, PHP
  2. Wireframing (Axure, Balsamiq, MS Visio)
  3. Interaction Design
  4. Photoshop
  5. Illustrator
  6. HTML5, CSS, JS
  7. Mobile Design (Responsive Design)
  8. MySQL

Libraries

Contracts

Development

Wireframe

Main wikipage: Website wireframe

Training