Landing Page

Jordan Zheng

Learning Goals

I want to be able to familiarize myself with the basics of coding and web design, and hopefully be able to successfully incorporate what I learn from the class in my work in the future. I’m hoping to also gain knowledge about how to efficiently “sell myself” through the portfolio midterm. I think I am more of a visual learner and like there to be demos and structure when learning, especially with something I am unfamiliar with, but self learning is also helpful for me.


AI Chat

Me: Can you turn the following into a website? I am a student fine artist looking for work.

Chat: Yep — I can turn it into a clean portfolio website.

Two quick things so I can actually build the right thing (and not guess your content): Paste the text/content you want on the site (bio, artist statement, work titles, descriptions, contact, etc.). If you already have images, upload them here (or tell me you’ll add them later and I’ll use placeholders). In the meantime, here’s a solid one-page website template you can paste into a file named index.html and open in your browser. It’s built for a student fine artist “looking for work” (commissions, assistant roles, gallery internships, design gigs, etc.). Replace the placeholders (NAME, email, works, links) with your real info.

Me: How do I start?

Chat: Pick a goal: commissions or jobs/internships.

Gather content: 6–10 images, 2–3 sentence bio, your email + IG.

Choose a build path: Carrd (easiest): carrd.co → pick a portfolio template → add sections (Work / About / Contact) → upload images.

HTML (more control): create index.html → paste the template → replace text/images.

Publish: Carrd “Publish” or upload HTML to Netlify/GitHub Pages.

Reply with: Carrd or HTML + your goal, and paste your bio (even rough) + upload 6–10 images, and I’ll format the site.

Me: In Fine Arts, what do employers look for in a website?

Chat: Employers want a site that’s fast to judge and makes you look reliable:

Work first: 6–12 strong images right up top.

Clear labels: title, year, medium, dimensions.

Simple design: clean, no clutter, no heavy animations.

Quick identity: 1–2 lines on what you make + a short statement (100–200 words).

Easy contact: email visible + location + what you’re open to (jobs/commissions).

CV/resume page: education, exhibitions/awards (if any), relevant skills.

No friction: fast loading, no broken links, mobile-friendly.

Me: If I only have two years of school work to show, what is the best work to show my skillset and problem solving abilities.

Chat: Totally — here’s the same guidance, clean and text-only.

If you only have two years of school work, the goal is not to show everything, but to show how you think, adapt, and execute. Aim for 6–8 pieces total, each proving a different ability.

1. One technically demanding piece Shows: craft, discipline, follow-through Choose work that required sustained effort and precision (e.g. observational drawing, complex composition, material control). Signals: you can handle difficulty and finish well.

2. One piece that clearly responds to a prompt Shows: problem-solving within constraints Pick an assignment with clear rules (limited materials, time, theme) where your choices visibly answer the prompt. Signals: you can interpret instructions and make intentional decisions.

3. One process-heavy project Shows: planning and iteration A series or project where the outcome evolved through testing and revision. Include brief mention of what changed and why. Signals: you don’t just execute once—you refine.

4. One piece involving a new or unfamiliar challenge Shows: adaptability This could be a new medium, scale, format, or collaborative situation you hadn’t worked with before. Signals: you can learn on the job.

5. One self-directed or extended project Shows: initiative and curiosity Work you pursued beyond the assignment or created independently. Signals: you don’t need to be micromanaged.

6. (Optional) One applied or collaborative work Shows: real-world readiness Group projects, installations, or work made for a specific audience or context. Signals: you can work with others and think beyond the classroom.

How to write captions (keep this tight) Use 3 lines max per piece: Title, Year Medium, dimensions One sentence: problem → decision → outcome Example: Responded to a memory-based prompt by restricting the palette and layering erasure to create instability.

What employers actually read from this They’re not counting years. They’re asking: Can you interpret constraints? Can you plan and revise? Can you learn new tools? Can you finish strong? If your site answers those questions, two years is more than enough. If you want, list your classes or project titles and I’ll tell you exactly which pieces to show and which to cut for job-focused portfolios.

Me: How important is it for my website to stand out and be memorable? What can I do to make it that way?

Chat: Short answer: it’s less important than you think—and easier than people make it.

In fine arts, being “memorable” does not mean flashy. Most employers and curators prefer sites that are calm, clear, and trustworthy. You stand out by being legible and intentional, not by trying to impress.

How important is standing out? Think of your website as a tool, not an artwork.

What matters most: They understand your work quickly They remember what kind of artist you are They can contact you easily If those three happen, you’ve already “stood out.” Trying too hard to be memorable often backfires (overdesign, gimmicks, confusion).

What actually makes a site memorable (quietly)

1. A clear point of view One sentence near the top that tells them: what you make what you’re interested in what you’re seeking Example: Student painter working in oil and graphite, interested in memory and domestic space. Seeking studio and gallery work. That sentence does more than animations ever will.

2. Tight editing Most portfolios fail because they show too much. 6–8 strong works > 20 mixed ones Consistent tone and materials No filler Editors remember clarity.

3. Consistent choices Repetition builds recognition: Similar image sizes Similar captions Same visual rhythm across pages This reads as confidence.

4. One small human detail This is where memorability lives: a recurring theme a specific material obsession a constraint you keep returning to a short, honest line about process Not a brand—just a thread.

5. Clean professionalism People remember sites that: load fast feel calm don’t fight them They think: “This person would be easy to work with.” That’s a win.

What not to do These rarely help: heavy animations unusual navigation long personal essays dramatic color schemes trying to “design” the site as an artwork Save that energy for the work itself.

Your website doesn’t need to shout. It needs to hold attention without friction. If someone can describe you afterward as: “Oh yeah—she’s the painter working with memory and distortion.” You’ve succeeded. If you want, tell me: what kind of work you make what you want to be remembered for and I’ll help you write the one sentence and structure that makes your site quietly unforgettable.

Me: Will a more generic templated design suffice or does that make it look like what too many other people in my field offer?

Chat: Short answer: a generic, templated design is not only sufficient—it’s often preferable. In fine arts, your work is what’s being evaluated. A neutral template helps it read clearly instead of competing for attention.

Does a template make you look like everyone else? Only if your work or framing is generic.

Most employers don’t think: “This looks like Squarespace.” They think: “Can I see the work quickly, and does it make sense?” Templates are invisible when they’re doing their job.

When templates actually help you A clean template signals: Professionalism Restraint Visual judgment Respect for the viewer’s time Which reads as: “This person knows how to edit and prioritize.” That’s a strong signal in art spaces.

What actually differentiates you (not design) You stand out through: Work selection (what you include/exclude) Order (what comes first) Captions (how you frame decisions) Artist statement tone (clear, not overwrought) Two people can use the same template and look completely different because of this.

When a custom design does matter Custom design helps only if: you’re applying to design/UX roles your practice directly involves web, interaction, or systems the site itself is conceptually part of the work If not, custom design is optional—and sometimes a liability.

How to use a template without looking generic Do these four things: Edit ruthlessly (6–8 works max) Lead with identity (one clear sentence at the top) Use precise captions (problem → decision → outcome) Keep typography + spacing consistent That alone puts you above most portfolios.

A templated site won’t hold you back. A confusing, overdesigned site will. Think of the template as a gallery wall, not the artwork. If you want, tell me: what roles you’re applying for, and what template platform you’re considering and I’ll tell you whether to stay generic or customize just one thing (safely).

Me: So you think it is best to hand code websites for maximum creative impact and originality, and to show my problem solving skills.

Chat: Short answer: no. Long answer: almost never—and especially not for fine arts roles. Hand-coding a website is not how most fine arts employers evaluate creativity or problem-solving.

Why hand-coding usually doesn’t help For studios, galleries, residencies, museums, assistant roles, etc., employers are asking: Can you make strong work? Can you follow constraints? Can you communicate clearly? Can you finish things? They are not asking: Can you write HTML/CSS? Can you reinvent navigation? Can you design a website from scratch? In fact, custom-coded sites often hurt when they: load slowly break on mobile feel overdesigned distract from the work That reads as misplaced priorities.

What actually shows problem-solving (better than code) Your art documentation and framing do far more work: Choosing the right 6–8 pieces Showing how you handled constraints Explaining decisions briefly and clearly Demonstrating iteration and learning That’s the kind of problem-solving employers care about.

When hand-coding does make sense It’s useful only if: you’re applying to design / UX / web-adjacent roles your practice involves systems, interaction, or digital media the website itself is conceptually part of the work If that’s not you, hand-coding is optional and often unnecessary.

The smarter strategy Use a templated site and: keep it clean edit tightly write precise captions make your thinking legible That signals better judgment than custom code. If you want to code: do it for learning or host a separate “experiments” page don’t make your portfolio harder to read

Originality lives in the work and decisions, not the website framework. A calm, standard site with strong work beats a clever custom site every time. If you want, tell me: what roles you’re applying for, and whether your art practice is digital, physical, or hybrid and I’ll give you a yes/no recommendation tailored to you.

Me: What are the current trends in fine arts?

Chat: Here are current trends shaping fine arts right now (2025–2026), based on art-world reporting and analysis:

🎨 1. Materiality & the Human Touch There’s a noticeable shift back toward tactile, handmade, craft-driven work—artists emphasizing texture, gesture, and physical process over slick digital outputs. This reflects a broader desire for authenticity in an increasingly digital culture.

🌿 2. Nature & Sustainability Environmental concerns aren’t just themes—they’re influencing material choice and practice. Artists are using eco-conscious materials, reclamation, and narratives about ecology, climate change, and human–nature relationships.

🧠 3. Mixed Media & Immersive Practices Breaking out of traditional disciplinary boundaries, artists are blending media—paint, textiles, found objects, digital elements, even sound and spatial installation—to create sensory-rich experiences.

💻 4. Digital & AI Integration (but Contentious) AI and digital tools continue to rise as creative media and as conceptual tools. Some artists use generative algorithms, AR/VR, or code as part of their practice; others push back, foregrounding human agency against automation.

🌍 5. Global Expansion & Diverse Voices The art world is becoming less Western-centric. More artists from Asia, Latin America, Africa, and the Middle East are being exhibited and collected internationally, broadening stylistic and conceptual vocabularies.

🖼️ 6. Reinterpretation of Tradition Artists are remixing traditional techniques—textiles, ceramics, printmaking, craft processes—into contemporary frameworks, connecting heritage and modern expression.

🌀 7. Painting Trends Reimagined In painting specifically, look for: blurred or disrupted imagery residue, dream logic, surreal elements a desire to slow down perception in an image-saturated world.

📈 8. Market & Exhibition Trends Affect Creation More art is being sold and shown online, and galleries are responding to economic pressures by diversifying formats (hybrid digital/in-person markets, online sales, virtual shows).

🧠 Quick Summary — What This Means for Your Practice Show your work in ways that tap into these directions: Process & materiality: documentation of how pieces were made Mixed media & hybrid approaches: don’t feel locked into a single medium Theme rooted in context: ecology, identity, place, social/political inquiry Thoughtful integration of tech (if used): conceptually justified, not gimmicky

If you want, tell me your mediums and goals (galleries, jobs, internships, commissions), and I’ll tailor these trends into specific portfolio strategies for you.

Me: What is the best advice you can give a fine arts student?

Chat: Here’s the best advice, stripped of romance and panic: Learn how to finish, edit, and explain your work. Most students can make things. Far fewer can: decide when a piece is done, choose what not to show, and articulate why they made the decisions they did. Those three skills matter more than raw talent.

More concretely: Edit harder than feels comfortable. Showing less—but better—builds credibility fast. Treat constraints as fuel, not limits. Prompts, materials, deadlines, budgets: how you work within them is your real problem-solving skill. Document everything well. Clean photos, clear captions, consistent naming. This is not admin—it’s part of the work. Separate your ego from your output. Critique is about the work, not you. The faster you learn that, the faster you improve. Be legible. People should understand what you’re doing without decoding it. Clarity is not selling out. Build relationships, not just a portfolio. Professors, peers, visiting artists—most opportunities come through people, not applications. Don’t wait to be “ready.” Apply, show, share early. Everyone you admire did.

The quiet truth: Success in fine arts usually goes to the student who is consistent, clear, and reliable, not the one waiting for a breakthrough moment. If you want, tell me where you feel most stuck right now—confidence, direction, critique, jobs, or motivation—and I’ll give you advice tailored to that.

Me: I will be competing for jobs with many other like minded and like skilled students, what are the best ways to stand out?

Chat: You’re right about the competition. The good news: most students blend together for very specific, avoidable reasons.Standing out in fine arts is less about being “better” and more about being clearer, more reliable, and easier to imagine working with. Here’s what actually separates people.

1. Be legible faster than others Most portfolios are vague. Yours shouldn’t be. Stand out by making it immediately clear: what you make what problems you’re interested in what kind of work you want next If someone can summarize you in one sentence after 30 seconds, you win.

2. Edit harder than your peers Many students overshare. Do this instead: show 6–8 strong works, not 15–25 cut anything that feels like “I needed more content” lead with your strongest, not your most recent Good editing reads as confidence and judgment.

3. Show how you think, briefly Skill is assumed. Decision-making is rare. In captions or interviews, signal: what the constraint was what choice you made what changed because of it One sentence is enough. This separates artists from “people who complete assignments.”

4. Be aggressively professional This matters more than talent at entry level. Stand out by: responding clearly and promptly to emails having clean documentation meeting deadlines following instructions exactly People hire who they trust, not just who they admire.

5. Make yourself useful Ask: How could I make someone else’s work easier? Students who stand out often: help install shows document work well assist with prep, archiving, organization take initiative without being pushy Utility + curiosity = repeat opportunities.

6. Build relationships, not applications Most jobs are filled before they’re posted. Stand out by: being memorable in critiques and studio spaces following up thoughtfully staying in touch without asking for things constantly People recommend people they like and trust.

7. Don’t compete on originality alone Everyone is “original.” Few are: consistent communicative dependable reflective Those traits compound fast.

When someone is choosing between equally skilled students, they ask themselves: “Who would I rather work with at 10pm before a deadline?” Be the person whose clarity, reliability, and calm make that an easy choice. If you want, tell me: what kinds of jobs you’re targeting, and where you feel least confident and I’ll help you focus on the one thing that will give you the biggest edge.

Me: Thank you for your advice

Chat: You’re very welcome — I’m glad it was helpful. You’re asking the right questions, which already puts you ahead of most people in this space. If you ever want a second set of eyes on your site, your work selection, or how to frame yourself for a specific opportunity, I’m happy to help. Good luck — and keep going.

Pick a Website to Inspire your portfolio and analyze it: Artist Karl-Luis Vossbeck: http://karlluisvossbeck.de/ Artist Anna Ley: https://annaley.de/ Artist Lukas Schneeberger: https://lukasschneeberger.com/ https://krisztianeder.com/ https://www.negeurra.com/ https://estudioalem.com/ https://saraherrlander.com/ https://lukeandnik.co.uk/

Target Audience: Interested Viewers, Other artists, Galleries, etc. The website consists mainly of visual images and not much text telling me that it functions mainly as a portfolio than anything else The site presents curated sets of work and contact information for anyone interested.

Content Strategy: Work sustains interest and attention on its own, without text Conceptual coherence through the grouping of images. Exhibition rather than individual pieces? Minimal explanatory writing: the silence could read as confidence in just the visual, it speaks for itself Intentional restraint? Site operates more like an exhibition space and less like a website

How should the navigation work: Consistent minimalism, should be simple and not take away from the work itself Easy to scroll through and also click in and out of images

Visual Design: Chaotic layout mirrors the conceptual work of the images (abstract) Forces the viewer to actively navigate through the chaos Feels asymmetrical and unpredictable Constructed chaos, there is synergy within the layout and still feels curated Intentionally heightening the attention of the viewer?