TeamUp 2.0: Introducing a New Visual Identity and Simplified Information for Faster Client Scanning

TeamUp 2.0: Introducing a New Visual Identity and Simplified Information for Faster Client Scanning

Collaborator:

Illustrator (Iqbal Umam)

Brand Identity Designer (Fay)

Web Developer (Dany)

The first version of TeamUp’s website was built with a plain template, lacking clear style and structure. It didn’t reflect my pride as a designer or give clients much confidence in us.


In 2021, we introduced a refreshed brand identity, evolving from the logo I originally created which became the catalyst for a full redesign. This time, I took full ownership of the website, not just to update the visuals, but to make it a useful and credible touchpoint.


My focus was to clearly communicate who we are, what we offer, and to position TeamUp as a young studio serious about building its reputation.

The first version of TeamUp’s website was built with a plain template, lacking clear style and structure. It didn’t reflect my pride as a designer or give clients much confidence in us.


In 2021, we introduced a refreshed brand identity, evolving from the logo I originally created which became the catalyst for a full redesign. This time, I took full ownership of the website, not just to update the visuals, but to make it a useful and credible touchpoint.


My focus was to clearly communicate who we are, what we offer, and to position TeamUp as a young studio serious about building its reputation.

COMPANY

TeamUp Studio

ROLE

Web Designer

SCOPE

UX & UI Design, Project Manager

PERIOD

2021

COMPANY

TeamUp Studio

ROLE

Web Designer

SCOPE

UX & UI Design, Project Manager

PERIOD

2021

Disclaimer: This is a high-level project overview. For the full case study or more details, feel free to reach out at olehabib98@gmail.com.

Disclaimer: This is a high-level project overview. For the full case study or more details, feel free to reach out at olehabib98@gmail.com.

Home page

Home page

The new homepage is designed as a validation point for potential clients who usually already know us from Instagram or WhatsApp. Instead of trying to introduce us from scratch, it reinforces who we are through a strong header that reflects our visual identity and positioning as a design studio.


From there, the page flows into our services, followed by selected works that act as proof directly tied to those services. This structure helps visitors quickly connect what we offer with the quality of work we’ve delivered.


At the bottom, I placed client logos alongside the type of services provided. Since most of our leads already arrive with some context, this section works as an additional layer of credibility—helping them feel confident about choosing us.

The new homepage is designed as a validation point for potential clients who usually already know us from Instagram or WhatsApp. Instead of trying to introduce us from scratch, it reinforces who we are through a strong header that reflects our visual identity and positioning as a design studio.


From there, the page flows into our services, followed by selected works that act as proof directly tied to those services. This structure helps visitors quickly connect what we offer with the quality of work we’ve delivered.


At the bottom, I placed client logos alongside the type of services provided. Since most of our leads already arrive with some context, this section works as an additional layer of credibility—helping them feel confident about choosing us.

About Us page

About Us page

The About Us page is designed to give clients deeper confidence in our capabilities. For those who already know us, this page highlights our team members, allowing them to cross-check profiles on LinkedIn or other platforms for added assurance.

For new visitors who may not be familiar with us yet, the page provides our short story, the people behind the studio, and the services we offer. This way, whether someone is validating our expertise or discovering us for the first time, the About page builds trust through transparency and clarity.

The About Us page is designed to give clients deeper confidence in our capabilities. For those who already know us, this page highlights our team members, allowing them to cross-check profiles on LinkedIn or other platforms for added assurance.

For new visitors who may not be familiar with us yet, the page provides our short story, the people behind the studio, and the services we offer. This way, whether someone is validating our expertise or discovering us for the first time, the About page builds trust through transparency and clarity.

Disclaimer: This is a high-level project overview. For the full case study or more details, feel free to reach out at olehabib98@gmail.com.

Contact Us page

Contact Us page

The Contact Us page is the final step for clients who are ready to start a conversation after exploring the Home and About pages. It goes beyond simply listing our contact details and address. Here, we provide options for different types of inquiries whether it’s about starting a project, bringing in dedicated talent, or exploring collaboration opportunities.


This approach reflects the dual role of our studio: not only working with clients but also welcoming partners and new team members as part of our growth. By giving clarity on possible topics, we make it easier for people to reach out with the right intent and build more meaningful connections.

The Contact Us page is the final step for clients who are ready to start a conversation after exploring the Home and About pages. It goes beyond simply listing our contact details and address. Here, we provide options for different types of inquiries whether it’s about starting a project, bringing in dedicated talent, or exploring collaboration opportunities.


This approach reflects the dual role of our studio: not only working with clients but also welcoming partners and new team members as part of our growth. By giving clarity on possible topics, we make it easier for people to reach out with the right intent and build more meaningful connections.

Collaborator

Collaborator

Collaborator:

Illustrator (Iqbal Umam)

Illustrator (Iqbal Umam)

Brand Identity Designer (Fay)

Web Developer (Dany)

Let's collaborate

olehabib98@gmail.com

Every project is a chance to grow, learn from diverse challenges, and build meaningful, long-term partnerships.

Product & Web Designer

2025 © olehabib

Let's collaborate

olehabib98@gmail.com

Every project is a chance to grow, learn from diverse challenges, and build meaningful, long-term partnerships.

Product & Web Designer

2025 © olehabib

Let's collaborate

olehabib98@gmail.com

Every project is a chance to grow, learn from diverse challenges, and build meaningful, long-term partnerships.

Product & Web Designer

2025 © olehabib

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