Digital Experience Platform

Shield Reusable Products site (SRP)

Digital Experience Platform

Shield Reusable Products site (SRP)

Sector

Shield (SRP) at US BANK

Challenge

The organization’s website needs to be redesigned to better connect with its audiences, including building a more intuitive information architecture and developing a coherent visual language.

My Role

Workshop Facilitation, Information Architecture, Webdesign, Branding

Project Time

3 weeks (before handoff to development)

Index

Index

Index

What is the purpose of a SRP Shield?

It’s built better with digital capabilities that drive your success and ensure your solutions meet your customer needs.

SRP Shield helps generate leads by making it easy for a potential customer to submit a question or message. To submit a form, the customer has to enter information like their name and email address. Depending on the feedback form, they may enter more specific information about what they need or why they’re using the form.

It’s easy for external companies to integrate U.S. Bank data and services into their web, applications, and mobile experiences and customer relationships through modernized interaction capabilities and establish a unified real-time data view of the customer.

What is the purpose of a SRP Shield?

It’s built better with digital capabilities that drive your success and ensure your solutions meet your customer needs.

SRP Shield helps generate leads by making it easy for a potential customer to submit a question or message. To submit a form, the customer has to enter information like their name and email address. Depending on the feedback form, they may enter more specific information about what they need or why they’re using the form.

It’s easy for external companies to integrate U.S. Bank data and services into their web, applications, and mobile experiences and customer relationships through modernized interaction capabilities and establish a unified real-time data view of the customer.

Problem Statement

Some feedback modals lacked a successful submission step. They missing a confirmation step to provide some feedback to users that we’ve received their feedback.

Customer-facing bank employees get generic details from the system for customers. Therefore, bank employees could not understand customers’ needs. This leads to very generic treatment, irrespective of profile and lifetime value. These dissatisfied customer groups further spread negativity about the bank on their social network.

Solution

We provide the best usability to our users to achieve easy goal achievement, We ensure brand wellness, communications, and technologies that allow us to tell customers that we care about their journey, and to walk that journey with them. We design a crisp and modern layout, and the simple and clean typography and intricate color choices help customers feel at home which enhances self-service capabilities.

Problem Statement

Some feedback modals lacked a successful submission step. They missing a confirmation step to provide some feedback to users that we’ve received their feedback.

Customer-facing bank employees get generic details from the system for customers. Therefore, bank employees could not understand customers’ needs. This leads to very generic treatment, irrespective of profile and lifetime value. These dissatisfied customer groups further spread negativity about the bank on their social network.

Solution

We provide the best usability to our users to achieve easy goal achievement, We ensure brand wellness, communications, and technologies that allow us to tell customers that we care about their journey, and to walk that journey with them. We design a crisp and modern layout, and the simple and clean typography and intricate color choices help customers feel at home which enhances self-service capabilities.

Challenge

This project needs to improve user experience and make a user-friendly structure to find their results easily and users reach their goals and make it more convenient.

Mission

We enable our customers and communities to grow and meet their goals by delivering quality financial solutions with great leadership.

It is always better and easier to generate revenue from an existing satisfied customer base instead of creating a new customer base for every new product.

Challenge

This project needs to improve user experience and make a user-friendly structure to find their results easily and users reach their goals and make it more convenient.

Mission

We enable our customers and communities to grow and meet their goals by delivering quality financial solutions with great leadership.

It is always better and easier to generate revenue from an existing satisfied customer base instead of creating a new customer base for every new product.

Challenge

This project needs to improve user experience and make a user-friendly structure to find their results easily and users reach their goals and make it more convenient.

Mission

We enable our customers and communities to grow and meet their goals by delivering quality financial solutions with great leadership.

It is always better and easier to generate revenue from an existing satisfied customer base instead of creating a new customer base for every new product.

Vision

To be a strong, well-managed, growing, innovative community bank with high integrity and an excellent reputation.

A bank that offers great opportunities, makes an impact, and is a place where people like to work, grow, and make a difference.

Benefits

They are easy to access and offer immediate gratification. Users can more easily find information about products, details, news updates, and blogs. This helps customers feel closer to the bank and better attended to.

Making it easy to configure designs with personalized menus for accessing preferred functions.

Vision

To be a strong, well-managed, growing, innovative community bank with high integrity and an excellent reputation.

A bank that offers great opportunities, makes an impact, and is a place where people like to work, grow, and make a difference.

Benefits

They are easy to access and offer immediate gratification. Users can more easily find information about products, details, news updates, and blogs. This helps customers feel closer to the bank and better attended to.

Making it easy to configure designs with personalized menus for accessing preferred functions.

Home Desktop View

  • All of the elements — popups, dialogs, tooltips, and popovers — are displayed on top of the interface covering the content entirely or partially.
  • As the current SRP home page is in a 14-column layout we want to update it with 16 column layout to stay consistent with other interface platforms. So here is an exploration of the homepage in different columns (12, 14 & 16)
  • We are using native and standard elements to use in interfaces. It includes input boxes, dropdown lists, and menu structures.
  • We are using standard buttons and other interactive affordances.
  • A flexible grid system lays out screens consistently. It comprises things like the styling of cards or content separators.
  • Ideally, elements of a design system are code pieces developers can use in interfaces.

Home Desktop View

  • All of the elements — popups, dialogs, tooltips, and popovers — are displayed on top of the interface covering the content entirely or partially.
  • As the current SRP home page is in a 14-column layout we want to update it with 16 column layout to stay consistent with other interface platforms. So here is an exploration of the homepage in different columns (12, 14 & 16)
  • We are using native and standard elements to use in interfaces. It includes input boxes, dropdown lists, and menu structures.
  • We are using standard buttons and other interactive affordances.
  • A flexible grid system lays out screens consistently. It comprises things like the styling of cards or content separators.
  • Ideally, elements of a design system are code pieces developers can use in interfaces.

Modal Windows for Desktop

Modal window with input fields filled

User fills the form with relevant information and selects the category before writing the message

Ready to submit

When a user completes the form with relevant information under all the fields. It’s ready to submit. If the user misses any field, the submit button will not be enabled.

1 . Popup Area

The height of this area varies depending on the amount of content.

2 . Button Area

This is an area where the button is placed. A button to dismiss the pop-up must be provided. If the task of pop-up gets completed along with the dismissal, use one default button (e.g., Confirm). If the button includes a user’s approval or a specific action in addition to the simple dismissal feature, provide a different action button through a default button.

3 . Action

A pop-up action is displayed with the details indicated in the content area or the action button label, and the user must be able to recognize the action that must be selected.

4 . Caution

Sometimes based on OS, the pop-up is not closed even if the scrim area is touched by default. You must take precautions to avoid damaging the user experience although this may change depending on where the pop-up is provided.

Our Design Philosophy

Our design philosophy reflects and underpins how digital experiences can unleash the potential of any team. We aim to help people and teams to be more effective.

Considerate – Above all else, we show care for the people who use our tools and products.
Empowering – We want people to feel like they can accomplish whatever they’re trying to do.
Trustworthy – We constantly work to recharge our users’ trust batteries.
Familiar – We want people to feel comfortable using our products, whether it’s their first time using them or their hundredth.
Connect people to collaborate better and build trust in every interaction.
Match purpose and feel familiar.
Drive momentum from end to end.
Guide mastery for greater value.

Our Design Philosophy

Our design philosophy reflects and underpins how digital experiences can unleash the potential in any team. Our aimed is helping people and teams to be more effective.

Considerate – Above all else, we show care for the people who use our tools and products.
Empowering – We want people to feel like they can accomplish whatever they’re trying to do.
Trustworthy – We constantly work to recharge our users’ trust batteries.
Familiar – We want people to feel comfortable using our products, whether it’s their first time using them or their hundredth.
Connect people to collaborate better and build trust in every interaction.
Match purpose and feel familiar.
Drive momentum from end to end.
Guide mastery for greater value.

Design System

A design system is a set of standards to manage design at scale by reducing redundancy while creating a shared language and visual consistency across different pages and channels.

Design System

A design system is a set of standards to manage design at scale by reducing redundancy while creating a shared language and visual consistency across different pages and channels.

How do I apply a Design system?

Screens Preview (Desktop)

Screens Preview (Desktop)

Screens Preview (Mobile)

Screens Preview (Mobile)

Wanna collaborate?

Let’s chat.

Name

(required)

Hey, thanks for checking out my work.

I’ve been fascinated with the way people interact with technology since forever. I’m particularly keen on digital products designed to make life easier for human beings.

What are you working on?

If you want to know more about my design process, or if you want to talk about a cool idea, don’t hesitate to hit me up.

Thank You

Thank You