Our goal was to create a brand identity that represented the idea of machine learning and artificial intelligence without resorting to cliché visuals like robots, brains, or circuits. We explored different concepts ranging from typographic wordmarks to abstract logomarks that visually represented aspects of machine learning.
%20Logo%20explorations.png)
%20Logo%20concepts1.png)
We landed on a concept that depicts an abstraction of the idea of developing knowledge or information from data. After multiple iterations exploring different forms, typefaces and colour schemes for the chosen logo concept, we arrived at our final logo and the brand’s overall visual identity. We created an identity system with different variations of the logo for monochrome, grayscale and full-colour use cases in both light and dark backgrounds.
%20Logo.png)
%20Logo%20concept%20moodboard.png)
%20Logo%20concept.png)
%20Logo%20versions5.png)
%20Colour%20and%20type.png)
%20Business%20card2.png)
The community needed a web landing page where people seeking information about them can find details like their mission, projects they are working on, their sponsors, upcoming events, core team members and their contacts, etc. Even though the content flow was fairly simple to wireframe for, we wanted the web experience to stand out both visually and interactively. Basing off of the graphic used in the brand identity, I designed a webpage concept that will use the mouse pointer’s position to create a dynamic matrix of dots that respond to mouse movement.
%20Wireframe1.png)
%20Wireframe2.png)
The website was built using Webflow, a feature-rich online website builder that allows adding custom code wherever needed. Using custom CSS and JS, I was able to implement customized interactive elements like a reactive array of dots, a floating navbar and a modified scroll behaviour.
fin.
.svg){kind=small}
%20Navbar.png)
