ReactGrid
Brand identity and website redesign for an open-source React component. Delivered logo, visual identity, and website designs to improve product discoverability.
Project snapshot
Timeframe
Jan 2021
↓
Feb 2021
Discipline
- Brand design
- Web design
Deliverables
↗ Logo and brand guidelines
↗ Visual style guide
↗ Custom illustrations and icons
↗ Website design
Toolchain
- Figma
- Google Meets - interviews and testing
- Adobe Illustrator
- Jira - project management
My role
- Conducted stakeholder interviews to define brand direction
- Designed logo reflecting product values (reactive, configurable, dynamic)
- Created visual identity system with style guide
- Designed complete website with custom illustrations
The challenge
ReactGrid is Silevis's flagship open-source product, embodying our expertise and innovation. It was officially released and primarily used in internal and client projects. However, despite its growing popularity, the product's discoverability was poor. It needed some graphic enhancements to become more recognizable. There was a clear need to develop general branding and refine the website.
Before preparing logo concepts, I conducted simplified interviews to gather insights from key team members: developers working on ReactGrid, the product owner, and those involved in promotion.
The survey revealed that ReactGrid is best described by these values or associations:
- reactive
- configurable
- dynamic, responsive, flexible, elastic
- grid, table
- spreadsheet-like
The color palette was chosen to evoke similarities with Excel or Google Sheets, reflecting the grid's interactive nature and potential applications.
Website refinement
Outcome
Delivered complete brand identity package: logo, style guide, custom illustrations, and full website design — ready for development implementation.
