Sigma is a property trading firm focusing on capturing market opportunities, client wanted the website to look unique, modern and to have animated moving gradient & particles in background
Click on the above 👆image to check out live website
01
03
04
Sigma home page log animation and gradient effect (video)
05
Used Spline 3D to make an animated moving background by creating a animated blob with 4 colour to slowly move and mimic the effect of fluid moving gradient.
06
Sigma Logo, animated in Rive to simple implementation by getting a URL of the animation, that could be easily implemented by devs or any even in a no-code web development tool.
07
Used a web based tool called Rive to animate the logo, the client wanted the logo to shuffle between Greek alphabets and slowly stop and sequentially spell SIGMA. Rive allowed to get a code version of the aniation which could be directly handed off to devs for seamless and easy implementation
08
WebGL Animation for gradient, the spline animation was bit heavy fro mobile device so we explored few WebGL options
09
One more colour exploration in another WebGL based animation
10
Used a 12-column grid system to maintain consistency in spacing and easy scalability across various screen sizes
11
Home screen of Sigma
Second Section of Sigma was basically teams page, and it shows the 2 founders, and the name appears on hover or when when the section is in view while scroll.
13
3rd section was an expand and collapse section to show some info but the content was not yet finalised by the clients so its a placeholder.
see also
