Custom branding in SharePoint portal

%3CLINGO-SUB%20id%3D%22lingo-sub-3487321%22%20slang%3D%22en-US%22%3ECustom%20branding%20in%20SharePoint%20portal%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-3487321%22%20slang%3D%22en-US%22%3E%3CP%3EHi%20All%2C%3C%2FP%3E%3CP%3EI%20want%20to%20create%20SharePoint%20Portal%20for%20my%20customer%20with%20a%20website%20kind%20of%20look%20.%20There%20are%20some%20predefined%20unique%26nbsp%3B%20templates%20for%20pages%20.The%20UI%20should%20be%20responsive%20.%26nbsp%3B%20Please%20suggest%20how%20this%20could%20be%20achieved%20in%20SharePoint%20or%20what%20could%20be%20the%20approach%20to%20develop%20this%20.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EThank%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-3499632%22%20slang%3D%22en-US%22%3ERe%3A%20Custom%20branding%20in%20SharePoint%20portal%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-3499632%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F1157909%22%20target%3D%22_blank%22%3E%40MeShare115%3C%2FA%3E%26nbsp%3BHere%20are%20my%20few%20suggestions%20you%20can%20try%3A%3C%2FP%3E%3COL%3E%3CLI%3ETry%20to%20use%20SharePoint%20OOTB%20web%20parts%20as%20much%20as%20you%20can.%20They%20are%20responsive%20by%20default.%3C%2FLI%3E%3CLI%3ESharePoint%20supports%20saving%20pages%20as%20templates.%20So%20for%20faster%20setup%2C%20you%20can%20use%20%3CA%20href%3D%22https%3A%2F%2Fsupport.microsoft.com%2Fen-us%2Foffice%2Fpage-templates-in-sharepoint-faa92408-0c84-4e3d-8460-3c28065e7873%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3Epage%20templates%20in%20SharePoint%3C%2FA%3E.%3C%2FLI%3E%3CLI%3EIf%20you%20are%20developing%20any%20custom%20solution%20using%20SharePoint%20framework%20(SPFx)%2C%20follow%26nbsp%3B%3CA%20title%3D%22SharePoint%20grid%20and%20responsive%20design%22%20href%3D%22https%3A%2F%2Fdocs.microsoft.com%2Fen-us%2Fsharepoint%2Fdev%2Fdesign%2Fgrid-and-responsive-design%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3ESharePoint%20grid%20and%20responsive%20design%3C%2FA%3E%26nbsp%3Bdocumentation.%3C%2FLI%3E%3CLI%3EAlso%2C%20have%20a%20%22look%22%20at%26nbsp%3B%3CA%20title%3D%22SharePoint%20look%20book%22%20href%3D%22https%3A%2F%2Flookbook.microsoft.com%2F%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3ESharePoint%20look%20book%3C%2FA%3E%26nbsp%3Bto%20get%20ideas%20how%20you%20can%20create%20%26amp%3B%20setup%20beautiful%20SharePoint%20sites.%3C%2FLI%3E%3C%2FOL%3E%3CHR%20%2F%3E%3CP%3EPlease%20click%20%3CSTRONG%3EMark%20as%20Best%20Response%3C%2FSTRONG%3E%20%26amp%3B%20%3CSTRONG%3ELike%3C%2FSTRONG%3E%20if%20my%20post%20helped%20you%20to%20solve%20your%20issue.%20This%20will%20help%20others%20to%20find%20the%20correct%20solution%20easily.%20It%20also%20closes%20the%20item.%20If%20the%20post%20was%20useful%20in%20other%20ways%2C%20please%20consider%20giving%20it%20%3CSTRONG%3ELike%3C%2FSTRONG%3E.%3C%2FP%3E%3C%2FLINGO-BODY%3E
Occasional Contributor

Hi All,

I want to create SharePoint Portal for my customer with a website kind of look . There are some predefined unique  templates for pages .The UI should be responsive .  Please suggest how this could be achieved in SharePoint or what could be the approach to develop this .

 

Thank

1 Reply

@MeShare115 Here are my few suggestions you can try:

  1. Try to use SharePoint OOTB web parts as much as you can. They are responsive by default.
  2. SharePoint supports saving pages as templates. So for faster setup, you can use page templates in SharePoint.
  3. If you are developing any custom solution using SharePoint framework (SPFx), follow SharePoint grid and responsive design documentation.
  4. Also, have a "look" at SharePoint look book to get ideas how you can create & setup beautiful SharePoint sites.

Please click Mark as Best Response & Like if my post helped you to solve your issue. This will help others to find the correct solution easily. It also closes the item. If the post was useful in other ways, please consider giving it Like.