Contest translated automatically. Log in or register, to view the original

It is necessary to develop an interface design for the sales management system (CRM)

To begin, sketch a draft version of the pages to understand the idea and concept, so as not to waste your time if the implementation does not pass the first selection stage.


Tasks:

  • Implement a UI kit based on Bootstrap 5 with all elements. Example of using the UI kit: tabler.io
  • Implement a dark and light theme
  • Implement desktop and mobile versions
  • Design 3 pages (desktop version, after approval - mobile versions) according to the specified wireframe
    • Dashboard
    • Campaign
    • Leads


Requirements:

  • There should be 3 main colors: primary, secondary, accent (Primary, Secondary, Accent). Use colors from the ADSI logo
  • Additional colors: Success, Warning, Danger, Info, Light, Dark


Additional Information:

  • The system will be customized by clients under their logo and main brand colors.
  • The design of 3 pages should be for both desktop and mobile versions. The mobile version will be created after the work is approved.
  • Use the font from ADSI or choose your own option.
  • The icon set can be used as ready-made or you can create your own version.
  • The wireframe specifies mandatory block positions; it is not recommended to change them, but you can change minor elements (icons, favorites, etc.).
  • For text where not specified - use placeholders.


Resources:

ADSI logo: https://far-amaranthus-587.notion.site/1878e9177e584dbaa616037636b96887?pvs=4

Wireframe: https://far-amaranthus-587.notion.site/Wireframe-0bd541da8f634c7287abb564d78d3898?pvs=4

Bootstrap5 Figma: https://www.figma.com/file/Fd9byCwHcKBhHTMY37WX8W/Bootstrap-5-UI-Kit-(Community)?type=design&node-id=139-170&mode=design&t=V5V9TO3tRW5qGUAW-0

Example of the UI kit: https://preview.tabler.io/
Applications3