Generate a wireframe for the Shaguf homepage design with the following design goals in mind:
1. Don’t limit the design to university courses only, as we have generalized our courses to include: Schools, Qodrat/Tahseely, and General Courses.
2. Remember that Shaguf is a marketplace, our main goal is to help students find the courses they want.
3. Have a clear and concise value proposition that communicates the benefits of using Shaguf.
4. Provide a clear call to action that encourages students to subscribe to courses, join live sessions. These calls to action should be visually distinct and placed in strategic locations throughout the page.
5. Provide an intuitive user interface that makes it easy for users to navigate and find the courses that match them.
6. Help students understand what Shaguf is offering!
7. Provide a responsive design that works well on desktop and mobile devices (70% of users are on mobile).
8. A design that is consistent with the overall branding of Shaguf.
The wireframe should have a header section that includes the Shaguf logo, navigation menu, and a search bar. Below the header, there should be a hero section that showcases the value proposition of Shaguf and includes a prominent call-to-action button. The wireframe should also have sections for featured courses, categories of courses, and recent courses. Each course should have a title, image, brief description, and call-to-action button. The wireframe should be designed with a clean and modern look, with a color palette that reflects the branding of Shaguf. Additionally, the wireframe should be optimized for both desktop and mobile devices.
prompted by a PromptFlow user about 1 year ago