PZ | Website Development | Wireframe Doc | 26-04-23

Overview: Development of website for IT service company.

Tech Stack: Wordpress with Elementor

Service Needed:

● Design Template Development Service

● Elementor based website development with respect to design

Website Type: Dynamic with configurable interface from backend for multiple layouts.

Design Service | Structure

Layout Based UI Flow:

There will be multiple configurable layouts which can be used for creating a page.

Any layout and its components can be used for adding and preparing any page of the
website.

Admin must be able to configure each component of a page layout and the changes can be
dynamically reflected on the website.

Example: Layout 2 can be used for Main Menu page and Category Page, etc.

Pages Planned: {Priority: p0, p1, p2, p3, etc}

1. Home Page {p0}

2. Main Menu Page {p0}

3. Category Page {p0}

4. Subcategory Page {p0}

5. About Company Page {p0}

6. Blog Home Page {p1}

7. Blog Category Page <Each one will have different layout-component structure>
A. Articles {p1}
B. Doc {p1}
C. Awards {p3}
D. Events {p3}
E. Company Knowledgebase {p1}
F. Case Study {p2}

1
 PZ | Website Development | Wireframe Doc | 26-04-23
G. Top blogs {p1}

8. Blog Page {p1}

9. Our Customer Page {p2}

10. Customer Success Story Page {p2}

11. Testimmonial Page {p3}

12. Location Pages {p1}

13. Partners Page {p3}

14. Terms and Condition Pages

A. Licence Page {p1}
B. Refund Policy {p1}
C. Support Policy {p1}
D. Service Policy {p0}

Layout Planned <Sample for designer>

1. Home Page Menu layout | https://whimsical.com/pz-MAwsFDFpiCMRzbmnDnmhCf

2. Home Page Layout |

https://whimsical.com/pz-layouts-AG7ATLMmxkd4mKu3ehQjDW

3. Main Menu Page Layout |

https://whimsical.com/pz-layouts-CmYaKGfnsxL6Dw2zBxoAaV

4. Category Page Layout |

https://whimsical.com/pz-layouts-CmYaKGfnsxL6Dw2zBxoAaV

5. Sub-Category Page Layout |

https://whimsical.com/pz-layouts-HMyWuPkwKpYoSwVDHZCRnJ

6. About Company Page |

https://whimsical.com/pz-layouts-7h86RB1PsVGaCHvGcFmpk7

2
 PZ | Website Development | Wireframe Doc | 26-04-23

Development Service

→Based on the sample page layouts and pages designer can prepare the layouts,
components and pages UI/UX structure.

→The website dev needs to prepare the dynamic structure of the website so the whole UI
per layout and component wise can be configured for any page added(dynamically).

→The admin must be able to create as much page and link to website base structure by
using Layout-Component based editor.

Wireframe for referring the Dynamic Structure of website:

https://whimsical.com/pz-layouts-UPYfkSgQTTquXYKy5v5YPR