Semper8

Re-Design of Cosmic Home Page

Client

Cosmic Design Agency

My Role

Prototyping, UX Design

Platforms

Desktop

Tools

Figma, Photoshop, Illustrator

Background

The original homepage of Cosmic was difficult to navigate and lacked essential information about the company. To address these issues, I developed a modern, user-friendly redesign using Figma. This new design effectively highlights the company's projects and goals, offering users a clearer understanding of Cosmic's work. Enhanced with dynamic animations crafted in Photoshop, the updated homepage not only improves functionality but also significantly elevates visual appeal.

Design

⟵ 3D Animation
Through the use of photoshop, the lightbulb image was divided into separate images containing different elements of the lightbulb. This created a 3D effect and showcases the broken glass separated from the lightbulb. Which was then put together using Figma.
Smart Animation ⟶
Smart animation was implemented throughout the home page, giving the user a seamless scrolling experience with fun pop-ups.
⟵ Sticky Elements for Emphases
With the use of smart animation in Figma, I created sticky words as the user scrolls. This creates emphases on the company's goals while the rest of the sentence remains the same.
Responsive Categories ⟶
Colourful responsive categories created with Figma.

Final Design

Continue to next project

THE GROVE

The Groveminimilnewarksemper8cosmic