Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion docs/2025/ux-ui-design/updates/2025-06-07.md
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@ author: Devanshi Sachan
<!--
SPDX-License-Identifier: CC-BY-SA-4.0

SPDX-FileCopyrightText: 2024 Devanshi Sachan <devs221102gmail.com>
SPDX-FileCopyrightText: 2025 Devanshi Sachan <devs221102gmail.com>
-->

# Week 1: Meeting Summary and Activities
Expand Down
47 changes: 47 additions & 0 deletions docs/2025/ux-ui-design/updates/2025-06-12.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,47 @@
---
title: Week 2
author: Devanshi Sachan
---
<!--
SPDX-License-Identifier: CC-BY-SA-4.0

SPDX-FileCopyrightText: 2025 Devanshi Sachan <devs221102gmail.com>
-->


# 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.
43 changes: 43 additions & 0 deletions docs/2025/ux-ui-design/updates/2025-06-17.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,43 @@
---
title: Week 3
author: Devanshi Sachan
---
<!--
SPDX-License-Identifier: CC-BY-SA-4.0

SPDX-FileCopyrightText: 2025 Devanshi Sachan <devs221102gmail.com>
-->

# 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.