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.