How do you balance form and function when designing a website. How do your design choices impact SEO and performance? What WordPress tools can help you with design?

1. Designing with WordPress:
Form or Function

2. Speakers
KARAN SACHDEV
Co-Founder
Karan is the design technologist at Pixelmattic. He helps
clients find the right balance between design and functionality
and brings their requirements to life on WordPress. Karan
also dabbles with Virtual Reality(VR) in his spare time and is
currently obsessed with the EV space.
He has over a decade of experience in creating User
Interfaces for web and mobile. Before founding Dreamnotion
Innovations in 2011, the parent company, he worked as a
Lead Interface Designer and then as a Sales Engineer at a
virtualization product startup.

3. Speakers
SANDEEP KELVADI
Co-Founder
Sandeep is the marketing strategist at Pixelmattic. He helps
businesses articulate their needs and orchestrates the design and
content strategy for websites to drive conversions. Sandeep is
also a co-organiser of the Bengaluru WordPress Meetup group,
speaks at WordCamps and is an avid photographer.
He has a Masters in Information Systems from New Jersey
Institute of Technology and worked for a growth-stage healthcare
startup in New Jersey as a Manager for Sales & Marketing
Operations. He founded Dreamnotion Innovations, the parent
company, with Karan in 2011.

4. Are websites relevant?

5. Design is an expression of the purpose, and it may (if it is good
enough) later be judged as art; design depends largely on
constraints and it is a method of action (there are always
constraints and these usually include ethic).
Form and Function
“
”
- Charles Eames

6. Form follows function' is mere dogma until you realize the
higher truth that form and function are one.
Form vs Function
“
”
- Frank Lloyd Wright

7. Too much Form very little Function

8. RESPONSIVE, RESPONSIVE, RESPONSIVE

9. Use of Grids

10. Introduction to WordPress
20 Billion +
pageviews per month
29%
of all websites
80 Million Blogs
per month posts
40 Million +
legit comments per month
50,000
WordPress.com websites
are launched daily

11. Brands that are using WordPress

12. How does it work?
Wordpress Theme Plugins
+ +

13. Design choices that impact performance
Images Heavy Animations Videos
Page load time No of requests Page size

14. Design choices that impact content and SEO
Content Structure &
Visual Hierarchy
Image file name &
ALT Tags
Accessibility vs
Readability
Responsive
design
UX & User
Intent

15. For every $92 spent on generating traffic and
getting customers,
only $1 is spent on converting these customers.
Design to influence conversion

16. Theme - Custom vs Template approach
Template Custom
vs

17. Choosing a page builder

18. Q & A

19. Divi - Hands On