1. Introduce predefined responsive settings - Demo video
Currently, our system lacks support for responsive font sizes, padding, and margin, causing issues when creating content for different devices.
One solution to address this is to offer a curated set of predefined responsive values.
By providing this set, we simplify the design process and reduce potential challenges and complexities for users. This improves efficiency, saves time, and encourages creativity in crafting responsive designs without the need for extensive manual adjustments.
Desktop |
Tablet |
Mobile |
|---|---|---|
9xl |
||
8xl |
||
7xl |
||
6xl |
||
5xl |
||
4xl |
||
3xl |
||
2xl |
||
xl |
||
lg |
||
base |
||
sm |
||
xs |
||
Visualisation
2. Room for improvement in "Add new block" - Demo video
Limitations of existing UI
It is difficult to identify the block from its thumbnail image.
The left sidebar is taking too much space.
User has to click the high level accordions to see the content inside it.
-
If there are large number of items inside the accordion, it is quite difficult to navigate to the next accordion.
One possible solution
Ref - https://www.framer.com/
Advantages of this approach:
Only one thumbnail per row, making it easy to identify the block from the image.
The sidebar is not taking up much space, providing enough room for the preview area.
Scalable: If we have plans to support pages, the UI can easily scale to accommodate them.
3. Slider issue with resize
Code block used
Issue
4. Ability to customise description color and font size from design tab. - Demo video
Currently we are not allowing the users to change the color and font size of descriptions from design tab.
5. Allow SVG image support in logo
Currently we are allowing the users to upload SVG images, but it is not showing in the header and there are no error messages or help text in the file upload.
6. Add delete button in the three dot menu
