Discover Vaulta: Cutting-Edge UI/UX in Digital Banking Design

Discover Vaulta: Cutting-Edge UI/UX in Digital Banking DesignDiscover Vaulta: Cutting-Edge UI/UX in Digital Banking Design

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

Hassan B. Tariq

• Jul 11

🚀 Introducing Vaulta — A Modern Digital Banking Experience

I'm excited to share one of my latest UI/UX and Product Design projects, Vaulta, a complete digital banking platform designed for both Web and Mobile.

This project was built entirely from scratch, from defining the visual identity to creating a scalable product experience.

What I designed:

✨ Brand Identity & Logo 🎨 Design System 📘 Brand Guidelines 💻 Web Application 📱 Mobile Application 📊 Banking Dashboard 📋 Modern Data Tables 🌗 Light & Dark Themes 🎬 Interactive Figma Animations

The goal was to create a clean, intuitive, and secure banking experience that balances usability with modern aesthetics. Every screen, component, and interaction was carefully crafted to ensure consistency, accessibility, and scalability for future product growth.

As a UI/UX & Product Designer with over a decade of experience designing SaaS platforms, dashboards, fintech products, and mobile applications, I enjoy transforming complex business ideas into user-friendly digital experiences.

🔗 View the full case study: Behance: https://dribbble.com/shots/27548154-Vaulta-The-Future-of-Digital-Banking

If you're looking for a UI/UX Designer or Product Designer to design your next SaaS platform, fintech product, dashboard, or mobile application, I'd be happy to help.

📩 Let's connect and build something exceptional together.

Product Design UI Design uiuxdesign banking Figma UX Design

Angelo Pacaanas

• Jul 7

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