Skip to content

feat:added Wireframe folder

Praveena Veeranki requested to merge wireframe-feature into viswam/frontend

🧩 What does this MR do?

This merge request adds low-fidelity wireframes for the VISWAM website, covering key pages such as Home and About.

The wireframes define a clear UI structure, layout hierarchy, and section organization to guide consistent frontend development across the platform.

🎯 What does it achieve? Introduces a standardized layout structure for VISWAM pages Improves UI consistency and design clarity Provides a visual blueprint for developers before implementation Reduces ambiguity in frontend development Ensures better user experience (UX) planning 💡 Key Features Added 📄 Homepage wireframe: Hero section Highlight card (Summer of AI) Metrics (Our Goals) Key Initiatives Roadmap Footer 📄 About page wireframe: Hero section Journey timeline Leadership cards Achievements Impact metrics Focus areas 🛠️ Implementation Notes Wireframes are created in low-fidelity grayscale format Focus is on structure, spacing, and layout (not styling) Follows a landing page design pattern (not dashboard) Designed to be easily translated into frontend components 🧪 How to Test Navigate to the repository Open the /docs/wireframes/ directory Review the wireframe files (Home & About pages) Verify: Section structure matches actual UI requirements Proper hierarchy and spacing is maintained All key sections are covered Checklist Wireframes added for key pages Structure aligns with VISWAM website Clean and consistent layout No impact on existing code Documentation included

Merge request reports

Loading