Tutorial: How to Use Tongyi Office to Create a Publishable Personal Portfolio

You don't need to know how to code or design—you can publish your personal portfolio website online directly.

QwenWork User Guide

If you're not familiar with programming or design, is it still possible to create a portfolio website featuring videos, animations, and go live instantly?

Absolutely, no problem at all.

This time, we worked alongside a creator using Qwen Office to demonstrate the entire process from start to finish.

The final website looks roughly like this 👇

Website example and demo materials sourced from: @GuiloveGui's Philosophy

It includes sections for showcasing work, supports video playback, interactive animations, and can be opened and browsed directly. Most importantly, the visual aesthetics remain strong.

Would you like a sleek personal portfolio like this too?

In this article, we’ll show you exactly how—step by step.

Follow Qianzi and keep reading ⬇️

Step 1: Find References and Define Your Style Direction

The first step in building a website isn’t jumping straight into creation. Instead, begin by observing:

How do others usually approach it?

Especially for projects like portfolios that emphasize aesthetics, it’s crucial to clarify your preferred style early on. Otherwise, asking AI to generate content without direction could quickly lead to confusion.

There's no need to browse countless posts or struggle with gathering references. Let Qwen Office take care of the research for you.

For example, simply tell it:

I want to build a personal portfolio website. Please find some portfolio websites created by designers in the xx industry. Focus on homepage visuals, presentation of works, typography, and interactive effects, then summarize the aspects worth learning from.

Qwen Office can use its browser tool to automatically search, open, and browse relevant web pages, extracting and organizing notable design features from various examples.

No need to manually open dozens of tabs and switch back and forth, nor let inspiration vanish after saving a liked page to bookmarks only to never revisit it.

Let Qwen Office first select the most valuable content for you. You just need to hold onto this “menu” and pick what suits your taste best.

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

Once you’ve gathered reference materials, another common issue quickly arises:

I like this website, but how exactly should I describe it to the AI?

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

Understanding good design is one thing; turning those observations into effective prompts is quite another.

So if you’re unsure where to begin, don’t force it. Just share your favorite webpage links, screenshots, or visual references with Qwen Office and let it break them down for you.

It can analyze design elements such as key visuals, fonts, layouts, page structure, and interactive effects, then convert these insights into clear, actionable instructions for building your website.

It effectively translates a vague statement like:
“I just want something that feels like this.”

Into a precise directive like:
“This is exactly how the page should be structured.”

With this prompt ready, refining it based on your preferences becomes much easier. You can specify which parts to keep, change, or enhance further.

You don’t have to write prompts from scratch. Let Qwen Office build the initial framework, then adjust it according to your vision.

Not Satisfied With the First Version? Refine Directly Based on the Page

Once your prompt is ready, you can generate the website.

But let’s be clear: it’s completely normal if the first version isn’t perfect.

Creating a website with AI isn’t about typing one sentence, watching the screen flash, and getting a flawless site magically appearing.

A smarter workflow is to establish the core structure first, then iteratively refine details based on the actual preview.

For instance, in this project there’s a ginkgo flower visual element.

After the initial version, the flower looked too abstract and didn’t harmonize well with other plant motifs across the site.

Rather than struggling to articulate revisions or starting over, simply update your request based on the existing instructions generated by Qwen Office.

It will continue modifying the current version, ensuring changes on one side won’t throw off the overall direction.

Want larger fonts? More comfortable whitespace? Adjust image ratios? Change an animation style? Just tell it directly.

Producing an initial version and then gradually polishing the details tends to yield far better results than chasing the myth of “perfect output from a single prompt.”

Your Work Is Video-Based? Upload It and Turn Into Animated Content

If your portfolio includes commercials, short films, motion graphics, or product demos, showing only static images feels like a missed opportunity.

In such cases, simply upload your video files directly to Qwen Office.

It can read local files, process them into web-friendly dynamic content, and embed them seamlessly into the corresponding project modules.

No need to export formats via external tools and come back later to re-edit. The result is visually richer and more attractive while eliminating the hassle of manual animation production.

For creators who need to showcase motion-based work, this feature is incredibly convenient.

Feedback Lives in DingTalk? You Can Process It Directly Too

After completing the first version of the website, you’ll likely receive waves of feedback.

The challenge? This feedback rarely comes neatly organized in a table.

More often, it’s scattered across DingTalk conversations:

"Replace the image in the second project."

"Make the text here slightly bigger."

"Add another paragraph to the personal experience section."

"..."

Manually compiling each note is error-prone and easy to miss items.

Since Qwen Office integrates with DingTalk, you can handle this directly within the system.

For example, ask it to extract and organize all revision requests from chat history:

Scattered messages are transformed into a clear checklist. Qwen Office can cross-check what has been completed versus pending tasks.

From collecting feedback and organizing requests to implementing changes and verifying completion, there’s no need to manually scroll through chat logs anymore.

Final Step: Publish Directly Online

Once pages, assets, and feedback adjustments are finalized, you’re ready to publish.

Thinking you’ll need to manually configure complex domain settings? Not at all!

Qwen Office provides both domain names and database services. Simply give the command, and it will instantly deploy your local pages online.

At this point, a portfolio that once lived only inside a folder on your computer officially becomes a finished product—ready to share with clients, recruiters, or friends via a simple link.

Throughout this entire process, you didn’t need to learn coding, nor split tasks into separate workflows like design tweaking, animation creation, feedback management, and deployment.

From finding references, writing prompts, generating pages, inserting your own materials, refining iterations, to final publishing—all can be done seamlessly within Qwen Office.

If you also have a collection of works sitting unorganized, why not try Qwen Office and truly turn them into a professional website?

We dedicated to serving clients with professional DingTalk solutions. If you'd like to learn more about DingTalk platform applications, feel free to contact our online customer service or email at This email address is being protected from spambots. You need JavaScript enabled to view it.. With a skilled development and operations team and extensive market experience, we’re ready to deliver expert DingTalk services and solutions tailored to your needs!