Website design for startup accelerator

CJM Development Research UI design UX design Web design +3
Abstract 3D composition of intersecting rings in yellow, metallic, and black with a reflective capsule inside, reminiscent of cutting-edge web design elements from Webgamma UX Agency.
Abstract 3D composition of intersecting rings in yellow, metallic, and black with a reflective capsule inside, reminiscent of cutting-edge web design elements from Webgamma UX Agency.
Client
Cycle Momentum
Timeline
4 months

Cycle Momentum is a worldwide collaborative platform for innovators, connecting entrepreneurs, investors, and creative thinkers from all corners of the world.

2023

Colors & typography

Our selection of colors and fonts complements the content, ensuring the focus remains on the key aspects of the organization.

Cycle Momentum's Color Palette for user-focused website development and web design in Montreal.
What we did:

Simplified the user experience by streamlining navigation and implementing a modernized design

Identifying and addressing issues

The design concept was developed following a UX audit. We gathered details about the services, outlined a basic structure, and identified key areas that needed improvement.

Sitemap

The primary issue with the old site was its unclear navigation and overly complex structure. Our initial focus was on streamlining the site’s architecture and reducing the number of pages that lacked informational value or purpose.

Sitemap created by the Webgamma UX Agency for Montreal-based startup accelerator Cycle Momentum.
Navigation
Services
Programs
News

UX research results

Each study considered various user interaction scenarios with the startup accelerator’s website.

Design system

Maintaining a consistent design across all services is essential for the platform, so we developed a design system that enables quick interface creation. This system provides a familiar framework for drafting and structuring new programs and services.

UI
Components

UI kit

As part of the project, we prepared a UI kit for creating any necessary design elements, aligned with the company’s overall visual concept.

Button construction for user-focused website development and web design in Montreal.

3D visuals

Our CG generalist developed a comprehensive set of 3D illustrations for the platform, designed to be adaptable to various scenarios.

An abstract 3D illustration featuring a black hexagonal shape with transparent capsules and a yellow ring, used for a web design project in Montreal.

Colors

The platform’s color palette is vibrant yet minimalist, featuring yellow as the signature accent color.

Cycle Momentum's Color Palette for user-focused website development and web design in Montreal.

Typography

The Poppins typeface is the foundation of the platform’s typography, used for both headings and body text, following proper typography rules.

Font style samples for website design showcase varying sizes and weights, perfect for crafting impactful large titles or enhancing desktop aesthetics. Inspired by the vibrant creative scene in Montreal, these styles blend modern flair with functional elegance.

First website interaction

From the very beginning, we immerse the user in the company’s context by introducing its core activities.

A monitor showcases a startup accelerator website crafted by Webgamma UX Agency, featuring a unique green and yellow liquid-themed design. A monitor showcases a startup accelerator website crafted by Webgamma UX Agency, featuring a unique green and yellow liquid-themed design.
UI
Main page

Post-redesign traffic and interaction analysis

The new site was launched in the first quarter of 2024. Since then, session duration has increased significantly compared to previous metrics.

Monochrome logo variations

Expertly crafted logo, presented by Webgamma UX Agency. Expertly crafted logo, presented by Webgamma UX Agency.
Monochrome version
Expertly crafted logo, presented by Webgamma UX Design Agency. Expertly crafted logo, presented by Webgamma UX Design Agency.
Monochrome version in inversion

Interface design elements

Throughout the project, many design components, sections, and blocks for the platform were developed, ranging from buttons to icons.

Expertly crafted logo, presented by Webgamma UX Agency. Expertly crafted logo, presented by Webgamma UX Agency.
Symbol
Construction
A icon set designed by Webgamma UX Agency for Cycle Momentum startup accelerator in Montreal. A icon set designed by Webgamma UX Agency for Cycle Momentum startup accelerator in Montreal.
Icons
Construction
Explore expertly crafted filter menu, designed by Webgamma UX Agency, with seamless options for programs and industries like energy and climate. Enhanced website design for Cycle Momentum ensures intuitive buttons for filtering and clearing selections to optimize browsing experience. Explore expertly crafted filter menu, designed by Webgamma UX Agency, with seamless options for programs and industries like energy and climate. Enhanced website design for Cycle Momentum ensures intuitive buttons for filtering and clearing selections to optimize browsing experience.
UI
Program filter
A webpage designed by Webgamma UX Agency showcases profiles of four business professionals, elegantly displaying their names and titles beneath their photos. A webpage designed by Webgamma UX Agency showcases profiles of four business professionals, elegantly displaying their names and titles beneath their photos.
UI
About page
A website design by Webgamma UX Agency features abstract rings on a yellow background with the text Startups, alongside a Discover Programs button. A website design by Webgamma UX Agency features abstract rings on a yellow background with the text Startups, alongside a Discover Programs button.
UI
Service page
Screenshot of a website featuring menu options: Services, About Us, Our Programs, News. Sections tailored for Startups, Investors, and Corporates showcase the expertise of Webgamma UX Agency's impeccable website design skills. Screenshot of a website featuring menu options: Services, About Us, Our Programs, News. Sections tailored for Startups, Investors, and Corporates showcase the expertise of Webgamma UX Agency's impeccable website design skills.
UI
Mobile menu

Stylized 3D graphics

Responsive layout

We created dedicated layouts for desktops, tablets, and smartphones, ensuring responsiveness and a smooth user experience across all devices.

A smartphone screen showcases a startup accelerator website, beautifully crafted by Webgamma UX Agency. It features a Discover Programs button and an Apply Now option, exemplifying top-tier website design.
A sleek, responsive website interface showcasing navigation buttons, exemplifying the cutting-edge creativity of Webgamma Web Agency. A sleek, responsive website interface showcasing navigation buttons, exemplifying the cutting-edge creativity of Webgamma Web Agency.
About page
The mobile interface elegantly showcases program exploration and search options, emphasizing startup initiatives, all crafted with the precision of Web Design expertise. Proudly brought to you by the innovative minds at Webgamma UX Agency. The mobile interface elegantly showcases program exploration and search options, emphasizing startup initiatives, all crafted with the precision of Web Design expertise. Proudly brought to you by the innovative minds at Webgamma UX Agency.
Programs page
A mobile screen showcases programs for entrepreneurs, featuring acceleration and coaching workshops designed by Webgamma UX Agency. A mobile screen showcases programs for entrepreneurs, featuring acceleration and coaching workshops designed by Webgamma UX Agency.
Startup page
Abstract digital design featuring circular shapes with a soft color palette on a smartphone interface, crafted by the innovative team at Webgamma UX Agency. Abstract digital design featuring circular shapes with a soft color palette on a smartphone interface, crafted by the innovative team at Webgamma UX Agency.
Investor page

Have a project in mind?
Let’s get in touch

Share your project idea with us! If our partnership isn't the right fit, we're happy to provide valuable insights that could still benefit you.

Get in touch

View our projects

See how we transform businesses with our research-driven and innovative design approach.

Haircheck View project
Cycle Momentum View project
Dr. David Mok View project
Double Stallion View project