diff --git a/docs/2025/ux-ui-design/updates/2025-06-07.md b/docs/2025/ux-ui-design/updates/2025-06-07.md index f2c9652c5e..873b522057 100644 --- a/docs/2025/ux-ui-design/updates/2025-06-07.md +++ b/docs/2025/ux-ui-design/updates/2025-06-07.md @@ -5,7 +5,7 @@ author: Devanshi Sachan # Week 1: Meeting Summary and Activities diff --git a/docs/2025/ux-ui-design/updates/2025-06-12.md b/docs/2025/ux-ui-design/updates/2025-06-12.md new file mode 100644 index 0000000000..7dd0a57cce --- /dev/null +++ b/docs/2025/ux-ui-design/updates/2025-06-12.md @@ -0,0 +1,47 @@ +--- +title: Week 2 +author: Devanshi Sachan +--- + + + +# Week 2: Meeting Summary and Activities + +**Date:** June 12, 2025 + +## Attendees + +- Devanshi Sachan +- Katharina Ettinger +- Shaheem Azmal M MD +- Amrit Verma +- Gaurav Mishra +- Dearsh Oberoi +- Sushant Kumar +- Soham Banerjee +- Tiyasa Kundu + +## Discussion Points + +- Reviewed ongoing progress on the redesigned header, with a focus on the behavior and consistency of individual components in different states (default, hover, and active). +- Finalized the decision to use ‘shadcn/ui’ Tailwind-based components as a foundational library for faster development, while remaining flexible to customize or build new components where needed. +- Discussed how to ensure design scalability by keeping components modular so they can be reused in other parts of the interface like sidebars, tables, or modals. +- Discussions on designing the secondary navigation bar and emphasize on the need for visual references to support future design conversations. + +## Activities Completed + +- Began creating custom icons from scratch for consistent usage across the UI redesign. +- Finalized the primary header layout, with working prototypes showing component states such as default, hover, and active; continued prototyping dropdowns, including multi-level behavior. +- Initiated the creation of a design system, starting with grid structure, spacing scale, and breakpoints for responsive behavior. +- Designed alternative versions of the FOSSology logo including a simplified logomark and a secondary version that could be used in compact interfaces. + +## Next Steps + +- Evaluate and finalize a typeface that supports FOSSology's open-source values (e.g., OFL-licensed or LGPL-compatible) and complements the redesigned UI style. +- Wrap up all header components, including interactive elements like dropdowns and user menus, and move into designing the secondary navigation bar. +- Share the current progress on heuristic evaluations to get early feedback from the community and mentors. +- Expand the design system further by adding a defined color palette (with accessibility checks like contrast ratios), typography scale, and reusable spacing tokens. \ No newline at end of file diff --git a/docs/2025/ux-ui-design/updates/2025-06-17.md b/docs/2025/ux-ui-design/updates/2025-06-17.md new file mode 100644 index 0000000000..93f3d0b311 --- /dev/null +++ b/docs/2025/ux-ui-design/updates/2025-06-17.md @@ -0,0 +1,43 @@ +--- +title: Week 3 +author: Devanshi Sachan +--- + + +# Week 3: Meeting Summary and Activities + +**Date:** June 17, 2025 + +## Attendees + +- Devanshi Sachan +- Shaheem Azmal M MD +- Amrit Verma +- Gaurav Mishra +- Dearsh Oberoi +- Sushant Kumar +- Tiyasa Kundu + +## Discussion Points + +- Finalized the use of the ‘Inter’ typeface for FOSSology’s redesign, as it aligns well with the visual style and is OFL-licensed, ensuring open-source compatibility. +- Discussed potential design implications of shifting from React to Next.js with JavaScript, especially regarding component structure and flexibility. +- Explored possible directions for ideating the secondary navigation bar, including evaluating structural limitations and how best to integrate it within the existing layout. + +## Activities Completed + +- Reviewed and addressed all feedback from the heuristic evaluation of the currently analyzed pages. +- Incorporated feedback into the header components, completing all interaction states and a working prototype ready for review. +- Developed two versions of the main header, each using different logo variants. +- Conducted multiple ideation rounds for the secondary navigation bar to explore layout and usability options. +- Replaced all instances of the ‘Roboto’ font with ‘Inter’ due to licensing incompatibility, ensuring the design stays aligned with open-source licensing requirements. + +## Next Steps + +- Continue expanding the design system by adding a well-defined color palette and typographic scale. +- Resume heuristic evaluations for the remaining pages and document progress. +- Refine and iterate further on the design of the secondary navigation bar for improved clarity and usability. \ No newline at end of file