The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Web Interface Design (UI) & Copywriting
"A complete concept of minimalist UI design and soulful copywriting for digital art platforms."
I designed the complete visual user interface (UI) and crafted the editorial web copywriting for the online platform "Art World Dream". The objective was to create a serene, luxury digital environment where imagery and language harmonize seamlessly to tell a profound story.
Design & Copywriting skills applied in this project:
User Interface (UI) & Branding: Designing an elegant interface concept rooted in warm earth tones and soft contrasts that radiate premium luxury and tranquility.
Layered Digital Layout: Subtly integrating a soft, transparent background illustration behind crisp, modern typography.
Storytelling & Copywriting: Writing poetic, fluid, and immersive web copy that translates the raw emotion behind art and connects deeply with the visitor.
Typographic Balance: A harmonious combination of a refined handwritten script typeface for the brand name and a clean, timeless typeface for functional text and content.
Elevating Your Digital Presence
Are you looking for a versatile designer who not only crafts a high-end, user-friendly interface with a soul, but also takes complete charge of your brand's storytelling and text creation? I will translate your vision into an elegant and complete digital design. Let's create an unforgettable online experience together.
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Related posts
Zero experience in the UI design industry.
But creativity, imagination, AI, and @Wonder made it possible.
🔥 Introducing "TourMe"
🧠 The idea:
A website for people who love to travel, explore, and discover different countries.
🙌 Problem:
People often have to jump between multiple websites to find travel information about a country they want to visit.
😊 Solution:
A website with multiple features for different countries:
• Weather
• Currency
• Best places to visit
• Popular restaurants
• Traditional foods
• Hotels and places to stay
• Activities
• sim cards
• and many more
💯 WORKFLOW:
• Explained my idea in ChatGPT and generated a prompt
• Used Wonder Chat to create UI concepts and website designs
• Refined everything manually using Wonder's tools and AI features
• Used Shader, Wonder Chat, Properties, and other tools
• Used Figma templates as references
• Explored different Wonder features and workflows
• Generated images using Wonder Chat
• Used Opus and Fable for generation
🙌 Others:
• Uploaded webpage screenshots and used Wonder Chat to recreate similar layouts
• Used Pinterest for inspiration and images
🎉 Wonder MCP:
• Connected Wonder MCP with Claude
• Claude helped create parts of the website
• Used GitHub to publish the website
TourMe Website:
https://aymdaking.github.io/TourMe1122/
Wonder File (Check page 1 and Page 2):
https://app.wonder.so/angelo-pacaanas/files/019f21e1-b614-7ae0-96ce-16e3fb4f1b80
🧠 UNEXPECTED:
• I didn't expect copying designs from Figma to Wonder to be so easy
• There are many Shader modes to choose from
• Prompt-to-UI worked even without UI design experience
• Wonder MCP worked smoothly with Claude
• Wonder Chat is more than a UI generator—it also helps answer questions and guide ideas
• Multiple image generation models are available (my favorite is Nano Banana)
• Easy to move, edit, and rearrange elements
• Lots of useful tools that are simple to learn and use
My client generated over $100K with their old checkout page and a $45 product 😳
This redesigned version doesn't just look better, it introduces:
- stronger value positioning
- strategic cross-sells
- added value
This alone creates opportunities to significantly increase average order value (AOV) and even support higher pricing (2x current price).
Great design isn't just about aesthetics, it can directly impact revenue (if you study how).
Do you think Version 1 would convert and better present a higher price?
16 voted
44%
20 voted
56%
36 votes
Closed
At the end results matter.
Air Sculpt - sculpt with your bare hands, in the air.
For 30,000 years we've shaped stone with our hands. I wanted to know: what if you still could - without ever touching a mouse?
Air Sculpt is a browser tool where you sculpt a real 3D marble form using only hand gestures, tracked live through your webcam, then export a genuine, 3D-printable file. The oldest art, in the palm of your hand.
🏛️ What it does
Pinch in the air to carve - the marble swells where you point, like clay
Press to push in, Smooth to polish, two hands to scale, a fist to rotate
Switch materials - marble, clay, bronze, alabaster
Finish → name your piece → export a real .STL you can 3D print
Every sculpture lives on in a museum gallery you turn through like a real exhibition
The whole thing is built as a classical sculpture museum - warm marble, golden skylight, an atelier you step into. Modern hands, ancient craft.
✨ How Wonder made it possible
I designed the entire world in Wonder:
Wonder Chat — built every screen (atelier, gallery, reveal, about) by describing them and reshaping on the canvas
Shaders — the golden museum light, drifting marble dust, and glowing material spheres are all real Wonder shaders, the whole atmosphere, not decoration
Figma paste-in — sketched a frame in Figma, dropped it in, Wonder matched it
MCP → Claude Code — because in Wonder the design is real code, I connected straight to Claude Code and shipped the whole thing live. No handoff, no rebuild. What I designed is what shipped.
The hand-tracking runs on MediaPipe + Three.js; Wonder was the design engine behind all of it.
I walked into Wonder to design a museum and walked out with a working product.
Built for the Wonder Challenge
This sounds incredible! How intuitive is the hand-tracking for intricate details?
Trending
Claude
Claude has entered the design space. How are you using Claude Design?
Contra University
Learn from expert creatives how to earn more using next-gen AI tools.
fifaworldcup2026
The World Cup is here and the whole world's watching. How are you designing for the world stage?
creativeaiflow
Creative AI workflows are evolving. What tools do you use, and what are their strengths and weaknesses?
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?