WEBSITE

Resume

Let’s talk!

Nourhan

elnooby

Caastor website

Translating the product into a clear, engaging, and conversion focused web presence.

Visit live site

Project Name & Type

Caastor Website / internal product in lamesa

Main Role

UI & UX Designer

Tools Used

Figma

FigJam

Notion

Timeline

March December 2025

The overview

01

The Caastor website was designed to communicate the platforms value in a simple and engaging way. The goal was to introduce the product, explain how it works, and guide potential clients toward taking action.


It acts as the first touchpoint, shaping how users understand and perceive the product before using it.

The challenge

02

Unlike the platform, the challenge here isnt functionality its communication.

Explaining a complex product in a simple way

Keeping users engaged while introducing multiple features

Creating a clear narrative that guides users through the product

Balancing brand personality with clarity

The goal

03

Clearly communicate what Caastor is and who its for

Highlight key features without overwhelming users

Create a strong visual identity aligned with the brand

Guide users toward understanding and action

The approach

04

The website was designed as a guided story that introduces the value clearly, highlights relatable problems, presents Caastor as the solution, and walks users through its features in a simple and engaging way.

Starting with the right questions

05

Before jumping into design, I took a step back to understand the problem more deeply. This approach helped me ground decisions in real user needs rather than assumptions, and it started by asking questions like

How can the website reflect the brand’s bold personality while keeping the product understandable?

How can we explain Caastor clearly without overwhelming users?

How do we make the website feel engaging while still being easy to navigate?

The plan

06

Research how similar SaaS and creative platforms communicate complex products in a simple and engaging way.

01 Research how similar SaaS and creative platforms communicate complex products in a simple and engaging way.

01 Research how similar SaaS and creative platforms communicate complex products in a simple and engaging way.

Build the website structure and user flow to guide visitors naturally through the product story.

02 Build the website structure and user flow to guide visitors naturally through the product story.

02 Build the website structure and user flow to guide visitors naturally through the product story.

Design a bold and interactive visual experience that reflects Caastors brand personality.

03 Design a bold and interactive visual experience that reflects Caastors brand personality.

03 Design a bold and interactive visual experience that reflects Caastors brand personality.

Refine layouts, messaging, and components to create a consistent and conversion-focused experience.

04 Refine layouts, messaging, and components to create a consistent and conversion-focused experience.

04 Refine layouts, messaging, and components to create a consistent and conversion-focused experience.

04

04

04

03

03

03

02

02

02

01

01

01

Flows and Wireframes

07

Before moving into the visual direction, the focus was on shaping how the website communicates the product structuring the content, defining the storytelling flow, and guiding users through the experience in a way that feels clear, engaging, and easy to follow.

this is brandolph and he’s a beaver (you will see him ALOT!)

Visual style

08

IBM Plex Sans Condensed

IBM Plex Sans Condensed

Casstor is a **streamlined creative collaboration platform** designed to optimize **briefing, feedback, and project delivery**, ensuring that clients and teams can efficiently communicate, iterate, and complete high-quality work with minimal friction.

Casstor is a **streamlined creative collaboration platform** designed to optimize **briefing, feedback, and project delivery**, ensuring that clients and teams can efficiently communicate, iterate, and complete high-quality work with minimal friction.

Aa

Aa

font

font

Scope of work

Comprehensive UX/UI Design: Over 20 unique pages, including lead generation, test trial, lead magnet, standard LP & business case LP with a visually appealing flow.

Responsive Design: Ensuring the website's user experience is optimized across all devices, from desktop to mobile.

Collateral Design: Creation of key brand assets such as platform design, email design , invoice design and other stationery to establish a consistent professional appearance.

Design system: A detailed guide outlining the proper usage of logos, colors, typography, and visual elements to maintain consistency across all elements.

UI / UX design

The UX/UI design for the Caastor website focused on translating the product into a clear and engaging digital experience. The website was designed to communicate Caastors value in a simple and structured way, guiding users through the platforms features, workflow, and benefits while reflecting the brands bold, colorful, and playful identity.

and more and more endless screens left.. :)

anyways thanks for sticking through this !!!!

Nourhan

elnooby

You liked what you saw?

Hit me up and let the magic begin

©2026 All rights reserved

Nourhan

elnooby

You liked what you saw?

Hit me up and let the magic begin

©2026 All rights reserved

Nourhan

elnooby

You liked what you saw?

Hit me up and let the magic begin

©2026 All rights reserved

Create a free website with Framer, the website builder loved by startups, designers and agencies.