Inspiration
The original Centauri website had strong intent but lacked structure. Too much information was presented at once, with no clear flow or prioritization, making it harder for users to understand what to do next.
What it does
We redesigned the website into a structured, conversion-oriented experience.
The site now guides users through a clear flow and replaces a static form with a multi-step funnel that helps users define their needs before submitting their information.
How we built it
We built the project using:
- Next.js and TypeScript for structure
- Tailwind CSS for consistent styling
- Framer Motion for interactions and transitions
The focus was on creating a consistent system and a clear user flow across the entire site.
Challenges we ran into
The main challenge was simplifying without losing meaning.
We had to decide what to remove, how to structure the flow, and how to redesign the funnel to collect information without creating friction. For that, we had a chat with members of Centauri, we asked them what they want us to prioritize in the redesign ad what can be removed or ignored give the short nature of the hackathon.
Accomplishments that we're proud of
- Turning an unstructured homepage into a clear, guided experience
- Building a consistent design system across pages
- Replacing a basic form with an interactive, step-by-step funnel
- Improving clarity without adding unnecessary complexity
What's next for Centauri Website Redesign
- Integrate analytics to measure user behavior and funnel performance
- Connect the funnel to a CRM for lead management
- A lot of data shown is mock data added to simply show the re-design, that content must be updated to actual be it with a local db or connecting it to a proper database.
Built With
- nextjs
- typescript
Log in or sign up for Devpost to join the conversation.