No coding or design skills required—easily launch your personal portfolio website in minutes.

QwenWork Tutorial

If you don’t know any programming and have no design background, how can you create a personal portfolio site with video showcases, dynamic effects, and one-click navigation?

Of course, it’s possible!

This time, we’ve teamed up with a local creator to demonstrate the entire process from scratch using QwenWork.

The final website looks something like this👇

Case study and demo materials provided by: @GuiYouGuiDeDaoLi

The site features a portfolio section, supports video playback, includes built-in interactive animations, and loads smoothly on any device. Most importantly, its overall aesthetic is professional-grade.

Want your own stylish yet practical portfolio platform?

This article will show you exactly how to do it.

Keep reading with Qwen⬇️

Step 1: Find Inspiration, Define Your Style


Before building your site, don’t rush into action. Instead, pause and think clearly:

How do others typically approach portfolio design? Which style suits you best?

Especially for projects that emphasize aesthetics and personal expression, setting a clear direction upfront is crucial; otherwise, asking AI to start without a plan may leave you increasingly lost.

No need to spend hours searching through posts or bookmarking websites until you’re overwhelmed. You can simply ask QwenWork to “go out” and explore for you.

For example, just say:

“I want to build a personal portfolio website. Help me find several examples of designers in the xx field, focusing on homepage visuals, portfolio layouts, typography, and page interactions, then summarize key takeaways.”

QwenWork will automatically use its browser capabilities to search relevant sites, analyze their content, and compile the standout design features into a clear list.

No need to juggle ten tabs or risk forgetting designs you love after saving them. The AI filters high-quality examples, leaving you with a curated “design menu” to choose your favorite.

Don’t Know How to Write Prompts? Let AI Draft Them for You


Once you’ve gathered reference materials, the next challenge arises:

“I love this design, but how do I communicate it accurately to the AI?”

What type of font style is used? Why does the layout feel so comfortable? What’s the name of that scrolling effect? How was the main visual created?...

Seeing something is one thing; turning it into instructions an AI can understand is another.

So don’t force it. Simply hand QwenWork links, screenshots, or visual inspiration, and let it break down and analyze them.

It can dissect everything from the main visual and typography choices to the layout, page structure, and interactive animations, generating a concrete, actionable blueprint for your project.

In essence, it transforms a vague request like:

“I just want this kind of vibe.”

Into a precise guide like:

“Here’s how this page should be structured to achieve that look.”

With this prompt in hand, fine-tuning becomes much easier. You can easily adjust what stays, what gets enhanced, and which effects you’d like to replace.

No need to craft prompts from scratch—let the AI lay the foundation, then add your own creative touches.

First Version Not Quite Perfect? Refine It Step by Step


With your prompt ready, you can begin generating the initial website draft.

But be warned: the first version won’t always be flawless—this is completely normal.

AI-powered website creation isn’t magic—say a few words, and voilà, a perfect site appears.

A more practical approach is to first produce the core framework, then refine it based on the existing design.

Take, for example, the ginkgo flower element in this case.

After the initial draft, we noticed the flower shape was too abstract and didn’t quite match the other plant styles.

No need to start over or agonize over solutions. Just build on QwenWork’s existing instructions and submit new adjustment requests.

It will iterate based on your current site, ensuring localized changes don’t disrupt the overall stylistic consistency.

Want larger fonts, wider white space, tweaked image proportions, or a different form of a particular animation? Just tell it directly.

Rather than chasing perfection in one go, embrace gradual refinement—it’s often more efficient and reliable.

Your Portfolio Features Short Videos? Upload and Turn Them Into Web Content


If your portfolio includes commercials, short films, motion graphics, or product demos, relying solely on static images can fall short.

The solution is simple: just upload your video files directly to QwenWork.

It can read your local files, automatically convert them into web-friendly formats, and embed them into the appropriate portfolio sections.

No need to use separate tools for conversion and export before manually inserting them into your site. The entire process flows seamlessly, enriches the visual experience, and saves tons of technical effort.

For creators and filmmakers, this is a huge relief.

Feedback Scattered Across DingTalk Chats? AI Helps You Organize It in Seconds


After completing the initial website draft, you’ll usually receive feedback from various sources.

The problem is, this feedback rarely comes neatly arranged in a table.

More often, it’s scattered as fragmented messages in DingTalk chats:

“Let’s swap the second piece’s image.”

“Make that font a bit bigger.”

“Add another paragraph about my background.”

“…”

Manually copying each point is easy to miss.

Luckily, QwenWork integrates seamlessly with DingTalk, allowing direct access to chat histories.

For instance, instruct it: “Please organize all recent website revision comments into a task list.”

What was once scattered, disorganized text becomes a clear, actionable checklist, making it easy to track what’s done and what’s still pending.

From gathering feedback and summarizing requirements to executing changes and monitoring progress, the whole process is automated, eliminating the hassle of manual sorting.

Last Step: Publish with One Click, Share Instantly


Once all content and feedback are addressed, it’s time to go live.

Think you’ll need to set up a domain or deploy a server? Not at all!

QwenWork provides a ready-to-use domain and hosting service. Just say “publish,” and the system will automatically deploy your site online.

From now on, your once-localized portfolio files become a fully shareable, browsable online platform.

Whether sending it to clients, applying for jobs, or showing off your work to friends, it’s effortless.

The entire process requires no coding and no mastery of complex design software or technical workflows.

From finding inspiration, crafting prompts, building pages, adding media, to iterative refinements and final publishing—all can be handled in one place with QwenWork.

If you’ve got a pile of unorganized creations waiting to see the light of day, why not turn them into your very own online gallery with QwenWork right now?

DomTech is DingTalk’s official authorized service provider in Macau, dedicated to serving customers with DingTalk solutions. If you’d like to learn more about DingTalk’s features, contact our online customer support or reach us by phone at +852 95970612 or email at [email protected]. Our expert development and operations team brings extensive market experience to deliver professional DingTalk solutions and services!

立即提升團隊協作效率

免費試用釘釘,改變你的工作方式。

免費開始