ChatGPT Prompt

Website Structure and required sections:

• About Me Section – A brief introduction to the artist/designer, with space for a tagline, a photo, and a short bio (ChatGPT can generate sample text)
• Portfolio – a grid layout to display illustration, graphic design, photography, and writing. Link each to a section that display examples of that type of work in a gallery lower on the page.
• Portfolio (a showcase of work or sample projects in a grid or card layout, suggest the most appropriate one. If using grid, it will use CSS flexbox. 6 projects minimum. Categories: Blogs/writing, web design, branding, graphic design/illustration
• Class Projects – display links to class projects: Madison Boats Figma, Madison Boats HTML/CSs, Dog Groomer Debug, Lucky’s, Template Project, and Small Business Site in two columns of three links each.
• Education/Experience – A simple section showcasing education completed and work experience.
• Contact - socials: use a more personal heading than “contact” or “social media” and include icon links to email, Linkedin and Figma
• Contact Form – A working contact form with JavaScript validation for Name, Email, and Message fields. Ensure privacy by excluding personal phone numbers or addresses.

Design Guidelines:

• Color Scheme: Use a modern and professional palette using white and accent colors.
• Typography: Suggest a combination of Google Fonts that balance professionalism and readability (e.g., a strong serif for headings and a clean sans-serif for body text).
• Images & Icons: Use placeholder images or reference free stock photo sites like Unsplash or Pexels for artists and designers.
• Layout: Ensure the page is fully responsive, using flexbox or grid for a clean structure that adapts to different screen sizes.

Code Quality:

• Include comments in HTML and CSS to explain the structure and styles.
• Write well-organized CSS that maintains consistency across elements.
• Suggest at least one UX improvement (e.g., adding a call-to-action button for scheduling a consultation).
• TThe final webpage should present a polished, professional look suitable for a designer’s online presence.