TeamUp 3.0: Redesigning with Smarter Information Architecture and More Experimental Interface
TeamUp 3.0: Redesigning with Smarter Information Architecture and More Experimental Interface
Collaborator:
Illustrator (Iqbal Umam)
Brand Consultant (Fay)
Web Developer (Bagus)
If version 2.0 established our visual identity and information structure, version 3.0 is the fuller expression of both. As we grew from a studio into an agency with a bigger team and wider reach, we needed a website that set us apart and reflected our passion more clearly.
This version uses a more experimental, creative interface to avoid feeling generic, while also introducing smarter information architecture to match evolving user needs and make their visit more engaging and meaningful.
If version 2.0 established our visual identity and information structure, version 3.0 is the fuller expression of both. As we grew from a studio into an agency with a bigger team and wider reach, we needed a website that set us apart and reflected our passion more clearly.
This version uses a more experimental, creative interface to avoid feeling generic, while also introducing smarter information architecture to match evolving user needs and make their visit more engaging and meaningful.
COMPANY
TeamUp Agency
ROLE
Web Designer
SCOPE
UX & UI Design, Project Manager
PERIOD
2023
COMPANY
TeamUp Agency
ROLE
Web Designer
SCOPE
UX & UI Design, Project Manager
PERIOD
2023
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.
Foundation
Foundation
As our brand identity matured, we began meeting more leads and companies in a professional context. This pushed us to strengthen the basics of how we present ourselves. Our core value lies in the diversity of services we offer, reflecting the versatility of the founder.
To express this, we redefined our color guide to feel professional while still flexible enough to represent the many ways we run the business. We also introduced simpler shapes as part of our identity tools bringing creativity forward in a more elegant and refined way compared to the previous website.
As our brand identity matured, we began meeting more leads and companies in a professional context. This pushed us to strengthen the basics of how we present ourselves. Our core value lies in the diversity of services we offer, reflecting the versatility of the founder.
To express this, we redefined our color guide to feel professional while still flexible enough to represent the many ways we run the business. We also introduced simpler shapes as part of our identity tools bringing creativity forward in a more elegant and refined way compared to the previous website.
Home page
Home page
As our reach grew, many new people began discovering us through social media, word of mouth, and Google search. This made it important to reposition the homepage as a clear and structured introduction.
We start with a quick overview of who we are and showcase our clients to build trust right away. Next, we explain what we do in simple terms to ensure clarity, and we highlight our work more prominently than in version 2.0.
To make things even clearer, we introduced a Pricing Plan section for each service, so visitors no longer need to contact us directly just to get that information. Finally, we added testimonials beneath the pricing to reinforce credibility and help potential clients feel confident that our services are worth the investment.
As our reach grew, many new people began discovering us through social media, word of mouth, and Google search. This made it important to reposition the homepage as a clear and structured introduction.
We start with a quick overview of who we are and showcase our clients to build trust right away. Next, we explain what we do in simple terms to ensure clarity, and we highlight our work more prominently than in version 2.0.
To make things even clearer, we introduced a Pricing Plan section for each service, so visitors no longer need to contact us directly just to get that information. Finally, we added testimonials beneath the pricing to reinforce credibility and help potential clients feel confident that our services are worth the investment.
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.
About Us page
About Us page
By this stage, we had developed a clear culture, a DNA that guides how we choose and nurture the people we work with, which I shaped in my role as Culture Manager. On this page, we share those values, believing that people who resonate with them will be more likely to grow and stay with us long-term.
We also highlight our board of management and professional executors, showing that we’re not just about delivering projects, but also about maintaining a structured way of working. This gives clients the assurance that every project is overseen and managed with consistency and accountability.
By this stage, we had developed a clear culture, a DNA that guides how we choose and nurture the people we work with, which I shaped in my role as Culture Manager. On this page, we share those values, believing that people who resonate with them will be more likely to grow and stay with us long-term.
We also highlight our board of management and professional executors, showing that we’re not just about delivering projects, but also about maintaining a structured way of working. This gives clients the assurance that every project is overseen and managed with consistency and accountability.
Contact Us page
Contact Us page
The Contact page is designed to make communication efficient and purposeful. A contact form allows potential clients to easily share their needs, while we also keep the door open for freelancers and partners interested in collaboration.
In addition, we feature the creative platforms where we showcase our work such as Dribbble and Behance. As these platforms continue to grow in importance, emphasizing them helps demonstrate our active presence in the wider design community.
The Contact page is designed to make communication efficient and purposeful. A contact form allows potential clients to easily share their needs, while we also keep the door open for freelancers and partners interested in collaboration.
In addition, we feature the creative platforms where we showcase our work such as Dribbble and Behance. As these platforms continue to grow in importance, emphasizing them helps demonstrate our active presence in the wider design community.
Collaborator
Collaborator
Collaborator:
Illustrator (Iqbal Umam)
Illustrator (Iqbal Umam)
Brand Consultant (Fay)
Web Developer (Bagus)
Illustrator (Iqbal Umam)
Brand Consultant (Fay)
Web Developer (Bagus)
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