❖ landing page ❖
⧰⧰⧱⧱⧱⧱⧱⧱⧱⧱⧱⧱⧱⧱⧱⧱⧱⧱⧱⧱⧱⧱⧱⧱⧱⧱⧱⧰⧰
⧰⧰⧱⧱⧱⧱⧱⧱⧱⧱⧱⧱⧱⧱⧱⧱⧱⧱⧱⧱⧱⧱⧱⧱⧱⧱⧱⧰⧰
Brief Introduction
⟣ Name:Shiyuan Liu
⟣ English Name: Janny
*If you think this is more comfortable to pronounce,you can call me this name!
⟣ Major : BFA illustration sophomore
⟣ Minor: Currently, I am a little interested in interaction field.
⟣ What I want to gain in this class: Learn to do the basic UI beautification and make a own website (*^^*)
⟣ Preferred teaching style: Understandable explanations and fully learning materials provided.
Homeworks List
| Date Due | Percent | |
|---|---|---|
| Week 2 | Website Analysis | 5% |
| Week 3 | Midterm Worksheet (8 Steps) | 5% |
| Week 3 | Responsive Mockup | 5% |
| Week 3 | CSS Selection Exercise | 5% |
| Week 4 | Grid Exersize | 5% |
| First Quarter Assessment | 25% | |
| Week 5 | Responsive Wireframe | 5% |
| Week 5 | Code Portfolio Front Page | 5% |
| Week 5 | Quiz | |
| Week 6 | Typography Poster | 5% |
| Week 7 | Current Topic Website | 5% |
| Week 8 | Portfolio: Class Presentation | 5% |
| Second Quarter Assessment | 25% | |
| Week 9 | Final: Worksheet | 5% |
| Week 10 | Final: CSS3 Collateral | 5% |
| Week 11 | Final: CSS3 Animatic | 5% |
| Week 12 | Final: HTML/CSS | 5% |
| Week 12 | Final: Modular Navigation | 5% |
| Third Quarter Assessment | 25% | |
| Week 13 | Final: Multimedia | 5% |
| Week 13 | Final: Alternatives | 5% |
| Week 13 | Final: Peer Review | 5% |
| Week 14 | Final: Forms | 5% |
| Week 15 | Final Presentation | 5% |
| Final Quarter Assessment | 25% | |
| Week 15 | Final: Presentation | 10% |
| Two assignments dropped: | -10% | |
| Total: | 100% | |
| List of sources and services used |
Conversation with AI
Me:Can you create a personalized website for a illustration BFA student who looking for a job.
ChatGPT:
Creating a personalized website for an illustration BFA student looking for a job involves showcasing their portfolio, skills, experience, and personality in a way that appeals to potential employers or clients. Here's a structured approach to building such a website:
1. Define the Website's Purpose and Audience
* Purpose: To showcase the student's portfolio, highlight their skills and experience, and attract potential employers or freelance clients.
* Audience: Art directors, recruiters, potential clients, and anyone interested in hiring an illustrator.
2. Choose a Platform
* Website Builders: Platforms like Wix, Squarespace, or WordPress are user-friendly and customizable, perfect for a student without advanced web development skills.
* Portfolio-Specific Sites: Sites like Behance, Adobe Portfolio, or ArtStation can integrate with a personal domain and are tailored for creatives.
3. Website Structure
* Home Page: A brief introduction, a few featured illustrations, and a call to action (CTA) leading to the portfolio.
* About Page: A biography that tells the student's story, education, skills, and what makes them unique as an illustrator.
* Portfolio Page: The main attraction, showcasing a curated selection of the student's best work. This should be organized into categories or projects, with descriptions for context.
* Blog/Process Page (Optional): A blog or a page dedicated to the illustration process can show the student’s expertise and personality, offering insights into their creative process.
* Resume/CV Page: A downloadable resume or CV highlighting education, skills, internships, freelance work, exhibitions, and any relevant experience.
* Contact Page: A straightforward contact form, links to social media, and possibly an email address. Clear instructions for potential employers on how to get in touch.
4. Content and Design
* Visual Style: The website should reflect the student’s style as an illustrator. This means using a consistent color palette, typography, and layout that complements their work.
* High-Quality Images: All illustrations should be displayed in high resolution, optimized for web to ensure fast loading times.
* Descriptive Text: Each illustration or project should have a title and a short description explaining the context, medium, inspiration, or process behind it.
User-Friendly Navigation: Ensure the site is easy to navigate, with clear menus and a logical flow from one section to another.
Responsive Design: The website must be mobile-friendly, as many potential clients or employers will view the site on their phones or tablets.