Difference between revisions of "Webpage layout"

From CNM Wiki
Jump to: navigation, search
(Content pages)
 
(15 intermediate revisions by the same user not shown)
Line 5: Line 5:
  
 
===Content pages===
 
===Content pages===
*[[Website gallery]]
 
 
*[[Web article]]
 
*[[Web article]]
  
Line 16: Line 15:
 
*https://elementor.com/blog/principles-of-website-design/
 
*https://elementor.com/blog/principles-of-website-design/
 
*https://elementor.com/blog/web-design-niche/
 
*https://elementor.com/blog/web-design-niche/
 +
*https://elementor.com/blog/style-guide-examples/
 +
*https://elementor.com/blog/web-design-pricing-guide/
  
 
===Flexible layout===
 
===Flexible layout===
*https://elementor.com/blog/introducing-flexible-layout/
+
:''Main wikipage: [[Flexible website layout]]''
*https://elementor.com/blog/the-ultimate-guideline-to-flexible-layout
 
  
 
===Query-based content===
 
===Query-based content===
 
*https://elementor.com/blog/introducing-advanced-query-control/
 
*https://elementor.com/blog/introducing-advanced-query-control/
 +
 +
===Flat design===
 +
*https://elementor.com/blog/flat-design/
  
 
==Features==
 
==Features==
Line 37: Line 40:
 
*https://elementor.com/blog/parallax-effect-2/
 
*https://elementor.com/blog/parallax-effect-2/
  
===Elements===
+
===Boxes===
:''Main wikipage: [[Webpage layout element]]''
+
:''Main wikipage: [[Websection box]]''
  
 
===Accessibility===
 
===Accessibility===
 
*https://elementor.com/blog/wordpress-accessibility-elementor/
 
*https://elementor.com/blog/wordpress-accessibility-elementor/
 +
 +
===Background===
 +
:''Main wikipage: [[Webpage background]]''
 +
 +
===Dividers===
 +
 +
===Fields===
 +
*https://elementor.com/blog/wordpress-custom-fields/
  
 
==Practices==
 
==Practices==
Line 80: Line 91:
  
 
===Libraries===
 
===Libraries===
*Icon
+
*Icon; see also -- https://elementor.com/blog/introducing-custom-icons/
 
*Font
 
*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