Proprietary trading firm focused on capturing market opportunities in emerging markets.
Proprietary trading firm focused on capturing market opportunities in emerging markets.
Proprietary trading firm focused on capturing market opportunities in emerging markets.
Proprietary trading firm focused on capturing market opportunities in emerging markets.
![](https://framerusercontent.com/images/uyI08ptpaFd95SSZtQecGsKLj9g.webp)
![](https://framerusercontent.com/images/uyI08ptpaFd95SSZtQecGsKLj9g.webp)
![](https://framerusercontent.com/images/uyI08ptpaFd95SSZtQecGsKLj9g.webp)
![](https://framerusercontent.com/images/uyI08ptpaFd95SSZtQecGsKLj9g.webp)
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
![](https://framerusercontent.com/images/h7tYn9AVGooDzlvUmqbw4FUm10.webp)
Click on the above 👆image to check out live website
year
2023
timeframe
15 days
tools
Figma, Spline 3D, Rive
category
UI & Graphicks
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
![](https://framerusercontent.com/images/h7tYn9AVGooDzlvUmqbw4FUm10.webp)
Click on the above 👆image to check out live website
year
2023
timeframe
15 days
tools
Figma, Spline 3D, Rive
category
UI & Graphicks
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
![](https://framerusercontent.com/images/h7tYn9AVGooDzlvUmqbw4FUm10.webp)
Click on the above 👆image to check out live website
year
2023
timeframe
15 days
tools
Figma, Spline 3D, Rive
category
UI & Graphicks
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
![](https://framerusercontent.com/images/h7tYn9AVGooDzlvUmqbw4FUm10.webp)
Click on the above 👆image to check out live website
year
2023
timeframe
15 days
tools
Figma, Spline 3D, Rive
category
UI & Graphicks
Click this to check out the live website 👉
Click this to check out the live website 👉
Click this to check out the live website 👉
Click this to check out the live website 👉
01
![](https://framerusercontent.com/images/1pHHasieSRPK5CS9qBJUgYTw5rQ.webp)
01
![](https://framerusercontent.com/images/1pHHasieSRPK5CS9qBJUgYTw5rQ.webp)
01
![](https://framerusercontent.com/images/1pHHasieSRPK5CS9qBJUgYTw5rQ.webp)
01
![](https://framerusercontent.com/images/1pHHasieSRPK5CS9qBJUgYTw5rQ.webp)
03
![](https://framerusercontent.com/images/ZHGK9CP6JM6kp0LygGD2zfDMHbs.webp)
Sigma home page mobile view
![](https://framerusercontent.com/images/z8MmeXW89lvT1ONjqGe2VE8fuw.webp)
Sigma teams page mobile view
Staking-Flow-[screen 01]-(dark)
03
![](https://framerusercontent.com/images/ZHGK9CP6JM6kp0LygGD2zfDMHbs.webp)
Sigma home page mobile view
![](https://framerusercontent.com/images/z8MmeXW89lvT1ONjqGe2VE8fuw.webp)
Sigma teams page mobile view
Staking-Flow-[screen 01]-(dark)
03
![](https://framerusercontent.com/images/ZHGK9CP6JM6kp0LygGD2zfDMHbs.webp)
Sigma home page mobile view
Staking-Flow-[screen 01]-(light)
Staking-Flow-[screen 01]-(dark)
03
![](https://framerusercontent.com/images/ZHGK9CP6JM6kp0LygGD2zfDMHbs.webp)
Sigma home page mobile view
![](https://framerusercontent.com/images/z8MmeXW89lvT1ONjqGe2VE8fuw.webp)
Sigma teams page mobile view
Staking-Flow-[screen 01]-(dark)
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.
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.
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.
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
![](https://framerusercontent.com/images/KFA84vuHCZvhcC7IrqzORJYxx0U.webp)
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
07
![](https://framerusercontent.com/images/KFA84vuHCZvhcC7IrqzORJYxx0U.webp)
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
07
![](https://framerusercontent.com/images/KFA84vuHCZvhcC7IrqzORJYxx0U.webp)
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
07
![](https://framerusercontent.com/images/KFA84vuHCZvhcC7IrqzORJYxx0U.webp)
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
![](https://framerusercontent.com/images/g0mC3seLc4EaQujbhVFkb8YoNXY.webp)
WebGL Animation for gradient, the spline animation was bit heavy fro mobile device so we explored few WebGL options
08
![](https://framerusercontent.com/images/g0mC3seLc4EaQujbhVFkb8YoNXY.webp)
WebGL Animation for gradient, the spline animation was bit heavy fro mobile device so we explored few WebGL options
08
![](https://framerusercontent.com/images/g0mC3seLc4EaQujbhVFkb8YoNXY.webp)
WebGL Animation for gradient, the spline animation was bit heavy fro mobile device so we explored few WebGL options
08
![](https://framerusercontent.com/images/g0mC3seLc4EaQujbhVFkb8YoNXY.webp)
WebGL Animation for gradient, the spline animation was bit heavy fro mobile device so we explored few WebGL options
09
![](https://framerusercontent.com/images/GlWOjvNZVRXjJGiBhoVIj3I64Sc.webp)
One more colour exploration in another WebGL based animation
09
![](https://framerusercontent.com/images/GlWOjvNZVRXjJGiBhoVIj3I64Sc.webp)
One more colour exploration in another WebGL based animation
09
![](https://framerusercontent.com/images/GlWOjvNZVRXjJGiBhoVIj3I64Sc.webp)
One more colour exploration in another WebGL based animation
09
![](https://framerusercontent.com/images/GlWOjvNZVRXjJGiBhoVIj3I64Sc.webp)
One more colour exploration in another WebGL based animation
10
![](https://framerusercontent.com/images/WodJkDNFmz3qajjNlmqT1Jvl0CM.webp)
Used a 12-column grid system to maintain consistency in spacing and easy scalability across various screen sizes
10
![](https://framerusercontent.com/images/WodJkDNFmz3qajjNlmqT1Jvl0CM.webp)
Used a 12-column grid system to maintain consistency in spacing and easy scalability across various screen sizes
10
![](https://framerusercontent.com/images/WodJkDNFmz3qajjNlmqT1Jvl0CM.webp)
Used a 12-column grid system to maintain consistency in spacing and easy scalability across various screen sizes
10
![](https://framerusercontent.com/images/WodJkDNFmz3qajjNlmqT1Jvl0CM.webp)
Used a 12-column grid system to maintain consistency in spacing and easy scalability across various screen sizes
11
![](https://framerusercontent.com/images/DS6CykmF4E4MLgE4vl94NW0ekI.webp)
Home screen of Sigma
11
![](https://framerusercontent.com/images/DS6CykmF4E4MLgE4vl94NW0ekI.webp)
Home screen of Sigma
11
![](https://framerusercontent.com/images/DS6CykmF4E4MLgE4vl94NW0ekI.webp)
Home screen of Sigma
11
![](https://framerusercontent.com/images/DS6CykmF4E4MLgE4vl94NW0ekI.webp)
Home screen of Sigma
12
![](https://framerusercontent.com/images/FpDjhITSbJArTJh9hCUBHKCvs4.webp)
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.
03
![](https://framerusercontent.com/images/FpDjhITSbJArTJh9hCUBHKCvs4.webp)
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.
12
![](https://framerusercontent.com/images/FpDjhITSbJArTJh9hCUBHKCvs4.webp)
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.
12
![](https://framerusercontent.com/images/FpDjhITSbJArTJh9hCUBHKCvs4.webp)
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
![](https://framerusercontent.com/images/cI888KCF2bx76UsOl51JeRXk.webp)
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.
13
![](https://framerusercontent.com/images/cI888KCF2bx76UsOl51JeRXk.webp)
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.
13
![](https://framerusercontent.com/images/cI888KCF2bx76UsOl51JeRXk.webp)
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.
13
![](https://framerusercontent.com/images/cI888KCF2bx76UsOl51JeRXk.webp)
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.
01
![](https://framerusercontent.com/images/wCeiTq3Y4zUAb4zYQNZ7vIwLw8.webp)
Staking-Flow-[screen 01]-(light)
![](https://framerusercontent.com/images/60tytlJiaNK63Ylzv9vcpZKlT7k.webp)
Staking-Flow-[screen 01]-(dark)
01
![](https://framerusercontent.com/images/wCeiTq3Y4zUAb4zYQNZ7vIwLw8.webp)
Staking-Flow-[screen 01]-(light)
![](https://framerusercontent.com/images/60tytlJiaNK63Ylzv9vcpZKlT7k.webp)
Staking-Flow-[screen 01]-(dark)
01
![](https://framerusercontent.com/images/wCeiTq3Y4zUAb4zYQNZ7vIwLw8.webp)
Staking-Flow-[screen 01]-(light)
![](https://framerusercontent.com/images/60tytlJiaNK63Ylzv9vcpZKlT7k.webp)
Staking-Flow-[screen 01]-(dark)
.say hello
i'm open for freelance projects, feel free to email me to see, how we can collaborate
.say hello
i'm open for freelance projects, feel free to email me to see, how we can collaborate
.say hello
i'm open for freelance projects, feel free to email me to see, how we can collaborate
.say hello