GridRule
GridRule is a design education platform with a mission to help creatives become successful web designers.
![](https://assets-global.website-files.com/661fb4b08b3ddecfd22ebd7a/66338d0c530e2aa3ea42ac3c_GridRule%20-%20ID%20Card.png)
![](https://assets-global.website-files.com/661fb4b08b3ddecfd22ebd7a/66338bf5eb775143e8213327_GridRule%20-%20Icons.png)
![](https://assets-global.website-files.com/661fb4b08b3ddecfd22ebd7a/66338cbef6122b68afe747ba_GridRule%20-%20Mobile%20Mockup%20(Logo%20Course).png)
![](https://assets-global.website-files.com/661fb4b08b3ddecfd22ebd7a/66324653910b1d66a1c42de0_GridRule%20-%20Laptop%20Mockup%20(Home)%202%20(Custom).png)
![](https://assets-global.website-files.com/661fb4b08b3ddecfd22ebd7a/66338d61383728eb0ec65a45_GridRule%20-%20Website%20Contact.png)
Project Details
Project Details
We implemented a comprehensive brand refresh in order to cultivate a deeper connection with their target audience.
This included a revitalized visual identity and website design, aiming to create a more playful and energetic expression that resonates with the aspirations of young people eager to embark on their web design journeys.
Industry
Edtech
Timeline
7 Weeks
Completion
2023
Visual Identity
We developed a dynamic brand identity through a vibrant color palette and distinctive design elements.
This cohesive visual language cultivates a refreshing and energetic brand experience, perfectly capturing the brand's youthful spirit.
![](https://assets-global.website-files.com/661fb4b08b3ddecfd22ebd7a/663378e34b53f92f44b9142e_GridRule%20-%20Logo%20Grid.png)
![](https://assets-global.website-files.com/661fb4b08b3ddecfd22ebd7a/66337924d756c2d79778bffa_GridRule%20-%20Logo%20Dark%20BG.png)
![](https://assets-global.website-files.com/661fb4b08b3ddecfd22ebd7a/66337a55f68187e08df6d91b_GridRule%20-%20Logo%20Yellow%20BG.png)
![](https://assets-global.website-files.com/661fb4b08b3ddecfd22ebd7a/66337a2ae175ef4b7a74adf8_GridRule%20-%20Logo%20Green%20BG.png)
![](https://assets-global.website-files.com/661fb4b08b3ddecfd22ebd7a/66337a2a7340b5934e765fcb_GridRule%20-%20Logo%20Pink%20BG.png)
![](https://assets-global.website-files.com/661fb4b08b3ddecfd22ebd7a/66337b81ce72e7c4f5a9dfee_GridRule%20-%20Laptop.png)
![](https://assets-global.website-files.com/661fb4b08b3ddecfd22ebd7a/66337aa268243e81cd1c9562_GridRule%20-%20Browser%20Mockup.png)
Typography & Colors
To achieve a balance of personality and readability, we selected the Aeonik typeface for headings, paired with the Inter typeface for body copy. This strategic type pairing infuses the brand with a touch of personality while maintaining a clean, minimalist aesthetic.
Building upon the brand's established yellow, we introduced two complementary colors to create a more dynamic and playful palette.
![](https://assets-global.website-files.com/661fb4b08b3ddecfd22ebd7a/66337beae89447c41f062991_GridRule%20-%20Typography.png)
![](https://assets-global.website-files.com/661fb4b08b3ddecfd22ebd7a/66337c3cb8ff90e859023168_GridRule%20-%20Colors.png)
![](https://assets-global.website-files.com/661fb4b08b3ddecfd22ebd7a/66337c80e05c1cfefbc9d127_GridRule%20-%20Instagram%20Grid.png)
Website Design
The website's redesign seamlessly blends minimalist aesthetics with playful brand touches, reflecting GridRule's youthful spirit.
To enhance user experience and conversions, we crafted visually-appealing landing pages for courses and products, alongside an improved navigation system that facilitates a smooth user journey.
![](https://assets-global.website-files.com/661fb4b08b3ddecfd22ebd7a/66337cd645f870643c007a20_GridRule%20-%20Website%20Wireframes.png)
![](https://assets-global.website-files.com/661fb4b08b3ddecfd22ebd7a/66337d7f57eba941c8304477_GridRule%20-%20Website%20SS.png)
![](https://assets-global.website-files.com/661fb4b08b3ddecfd22ebd7a/66337ddb308783e29b6346fb_GridRule%20-%20Mobile%20Website.png)
Impact In Numbers
Impact In Numbers
GridRule's brand refresh has yielded significant results. The website's traffic has surged, leading to a positive impact on revenue. Additionally, the brand's overall perception has strengthened thanks to a more cohesive identity.
51.52%
Traffic Growth
21%
Increase In Revenue
1.35
Views Per User
Does your startup
need a Catalyst?
Does your startup need a Catalyst?
Fill out the form below to get in touch with us and let’s discuss how we can help you achieve your goals.