Difference between revisions of "Webpage layout"
(→Features) |
|||
(18 intermediate revisions by the same user not shown) | |||
Line 5: | Line 5: | ||
===Content pages=== | ===Content pages=== | ||
− | |||
*[[Web article]] | *[[Web article]] | ||
Line 13: | Line 12: | ||
==Patterns== | ==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=== | ===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/ | ||
+ | |||
+ | ===Flat design=== | ||
+ | *https://elementor.com/blog/flat-design/ | ||
==Features== | ==Features== | ||
Line 33: | Line 40: | ||
*https://elementor.com/blog/parallax-effect-2/ | *https://elementor.com/blog/parallax-effect-2/ | ||
− | === | + | ===Boxes=== |
− | :''Main wikipage: [[ | + | :''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 76: | 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
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
Flat design
Features
Theme
- Main wikipage: Interface theme
Motion effect
- https://elementor.com/blog/introducing-motion-effects/
- https://elementor.com/pages/motion-effects/
- https://elementor.com/blog/how-to-use-motion-effects/
Parallax effect
Boxes
- Main wikipage: Websection box
Accessibility
Background
- Main wikipage: Webpage background
Dividers
Fields
Practices
Performance
- https://elementor.com/blog/5-best-wordpress-caching-plugins-2019
- https://elementor.com/blog/wp-rocket/
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:
- 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
Development
Wireframe
- Main wikipage: Website wireframe