Which design guidelines to follow?

Discussion Forum SAP Fiori Design Which design guidelines to follow?
Viewing 2 posts - 1 through 2 (of 2 total)

Hi all, I’d like to get some advice from you since I’m still a student without real business experiences yet. My question is:

If a customer company has its own design guidelines for all web apps (which leans toward Material Design), and the UI5 app I’m developing for them is meant to be deployed on their FLP, what design guidelines should I follow? The Fiori Design Guidelines? Or the company one? I’d go for the Fiori Guidelines because of the maintainability, but then the UI5-app will look very different compared to other non-UI5-apps they are using. However, I don’t think it’s a good idea to mix two design paradigms (Fiori 2.0 Shell  + very customized UI5 app) on one page.

What are your arguments for following Fiori Guidelines instead if the company insists on its own guidelines?

Hi Boghyon,

You can Use UI theme designer to easily and intuitively apply your own corporate brand, or customize the SAP Fiori CSS files to get a pixel-perfect result.

The Guidelines that SAP Fiori / UI5 and the customer company has will mostly be of two different or contradicting patterns.

You might need to arrive in a SWEET SPOT between the customer’s guidelines and what SAP Fiori theme Designer allows you to do.

Sometimes you have to convince the customer and explain what guidelines does SAP adheres to, and what is the benefit of using it as it is.

For Theming,

You can use the Top 3 Primary Colors and make some CSS changes in theme designer to make it look at least in the same color representing the customers brand.


Hope that helps.



Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.