As promised, we're expanding our offerings to various sectors, and this week, our focus is on Finance & Banking sector. Although we had already begun this journey, we decided to give this sector our full attention once we were satisfied with the HR Management product. This week, our creative efforts have revolved around crafting unique widgets, driven by extensive research and a keen eye for user experience. Let's dive in!
💰 Finance & Banking Widgets
We've designed 16 widgets for the Finance & Banking sector so far, including 10 regular-sized, one vertically wide, one horizontally wide, and 4 mini widgets (half of the regular size). Each widget is carefully designed, auto-layouted, and contains highly customizable inner components. During the design process, we've conducted a thorough research to ensure they provide an optimal user experience. Here's a closer look at these widgets:
Regular-sized Widgets
- Stock Market Tracker: Displays stock market values, a line chart with a tooltip, time filter, and additional information at the bottom.
- My Cards: Displays credit card(s) and their limits, allowing users to add a card or switch between existing ones.
- Spending Summary: Presents a gauge bar chart of spending summaries, along with a time filter and main spending categories.
- Exchange: Enables currency exchange with options to select currencies, input conversion amounts, display available budgets, conversion rates, exchange fees, and more.
- Currency List: Facilitates easy currency selection and search, displaying rates, percentage changes, and more.
- Saved Actions: Offers quick access to saved actions for rapid execution and management.
- Recent Transactions: Presents incoming, outgoing, and pending transactions within a widget categorized with the toggle switch component.
- My Subscriptions: Displays user subscriptions such as Spotify Premium and YouTube Music, along with available discounts.
- Quick Transfer: Allows users to effortlessly transfer money by selecting a contact, specifying an amount, and more.
- Donation Profile: Offers insights into donation history, goals, and donation streaks through a user-friendly interface.
Wide Widgets
- My Cards (Vertical): Displays essential card details, offers switching between cards, and showcases recent transactions related to the selected card.
- Budget Overview (Horizontal): Provides stacked bar chart visuals for income, expenses, and scheduled payments, along with comprehensive stats, legends, and a time filter.
Mini-sized Widgets
- Total Balance: Presents balance information through a simple line chart.
- Total Expenses: Displays total expenses with a mini line chart, icon, and badge.
- Major Expenses: Highlights major expenses using a column chart.
- Credit Score: Shows the user's credit score using a volume meter chart.
Along with these components, we'll also provide inner components, including credit card, stacked bar chart, discount card designs, and more. Your feedback continues to be invaluable as we strive to enhance these widgets and the overall user experience.
In the coming weeks, we'll be designing subpages for the Finance & Banking dashboard, just as we've done for the HR Management dashboard. Additionally, we're working on login & register screens, onboarding processes, send money flows, and more. Also, we will be working on our documentation and perfecting the getting started pages while giving our website a fresh redesign.
In summary, we're on the verge of releasing AlignUI Design System, as we almost finalized the Finance & Banking product and documentation. Stay tuned for the latest updates and exclusive sneak peeks by following us on Twitter. Your unwavering support fuels our dedication to delivering the finest design system possible.