Otavio - Portfolio

01

Project Overview

The BSource website was designed to present the company’s technological expertise and strengthen its digital presence through a clear, modern, and trustworthy interface. The objective was to align the brand’s communication with its core values innovation, reliability, and technical excellence while providing a seamless experience for potential clients exploring software solutions and services. As this project involved internal business content and ongoing development materials, only selected parts of the final interface are publicly available. The focus of this case is to showcase the design direction, structure definition, and UX strategy applied throughout the creation process. The new website emphasizes clarity, responsive design, and storytelling through visual hierarchy. Each section was designed to guide users naturally toward understanding BSource’s services, expertise, and contact flow, supporting the company’s positioning as a strategic technology partner.

01

Project Overview

The BSource website was designed to present the company’s technological expertise and strengthen its digital presence through a clear, modern, and trustworthy interface. The objective was to align the brand’s communication with its core values innovation, reliability, and technical excellence while providing a seamless experience for potential clients exploring software solutions and services. As this project involved internal business content and ongoing development materials, only selected parts of the final interface are publicly available. The focus of this case is to showcase the design direction, structure definition, and UX strategy applied throughout the creation process. The new website emphasizes clarity, responsive design, and storytelling through visual hierarchy. Each section was designed to guide users naturally toward understanding BSource’s services, expertise, and contact flow, supporting the company’s positioning as a strategic technology partner.

01

Project Overview

The BSource website was designed to present the company’s technological expertise and strengthen its digital presence through a clear, modern, and trustworthy interface. The objective was to align the brand’s communication with its core values innovation, reliability, and technical excellence while providing a seamless experience for potential clients exploring software solutions and services. As this project involved internal business content and ongoing development materials, only selected parts of the final interface are publicly available. The focus of this case is to showcase the design direction, structure definition, and UX strategy applied throughout the creation process. The new website emphasizes clarity, responsive design, and storytelling through visual hierarchy. Each section was designed to guide users naturally toward understanding BSource’s services, expertise, and contact flow, supporting the company’s positioning as a strategic technology partner.

02

Key Goals

- Improve first impressions and brand credibility for prospective clients and partners. - Communicate BSource’s service offering clearly and efficiently to B2B audiences. - Simplify discovery of products, cases and contact channels to increase qualified leads. - Ensure a scalable design system that supports future product pages and content updates. - Deliver a responsive, performance-minded implementation that works across devices. - Enable easy analytics and conversion tracking for ongoing marketing and sales optimization.

02

Key Goals

- Improve first impressions and brand credibility for prospective clients and partners. - Communicate BSource’s service offering clearly and efficiently to B2B audiences. - Simplify discovery of products, cases and contact channels to increase qualified leads. - Ensure a scalable design system that supports future product pages and content updates. - Deliver a responsive, performance-minded implementation that works across devices. - Enable easy analytics and conversion tracking for ongoing marketing and sales optimization.

02

Key Goals

- Improve first impressions and brand credibility for prospective clients and partners. - Communicate BSource’s service offering clearly and efficiently to B2B audiences. - Simplify discovery of products, cases and contact channels to increase qualified leads. - Ensure a scalable design system that supports future product pages and content updates. - Deliver a responsive, performance-minded implementation that works across devices. - Enable easy analytics and conversion tracking for ongoing marketing and sales optimization.

03

Process

Research and Alignment I began by understanding the company’s mission, values, and audience. Together with the stakeholders, we defined the tone and communication goals for the new digital identity. Information Architecture and Wireframes The website structure was mapped to deliver a fluid navigation experience. Wireframes were used to organize sections logically from company overview and services to client cases and contact form ensuring a consistent journey for visitors. Visual Design and Interaction The interface was created in Figma, using a clean layout, balanced typography, and a neutral color palette inspired by the company’s visual identity. Subtle motion and spacing were incorporated to convey professionalism and lightness. Webflow Implementation The final design was developed in Webflow, ensuring responsiveness, performance, and full control over animations and interactions. This allowed for efficient handoff and scalability for future updates.

03

Process

Research and Alignment I began by understanding the company’s mission, values, and audience. Together with the stakeholders, we defined the tone and communication goals for the new digital identity. Information Architecture and Wireframes The website structure was mapped to deliver a fluid navigation experience. Wireframes were used to organize sections logically from company overview and services to client cases and contact form ensuring a consistent journey for visitors. Visual Design and Interaction The interface was created in Figma, using a clean layout, balanced typography, and a neutral color palette inspired by the company’s visual identity. Subtle motion and spacing were incorporated to convey professionalism and lightness. Webflow Implementation The final design was developed in Webflow, ensuring responsiveness, performance, and full control over animations and interactions. This allowed for efficient handoff and scalability for future updates.

03

Process

Research and Alignment I began by understanding the company’s mission, values, and audience. Together with the stakeholders, we defined the tone and communication goals for the new digital identity. Information Architecture and Wireframes The website structure was mapped to deliver a fluid navigation experience. Wireframes were used to organize sections logically from company overview and services to client cases and contact form ensuring a consistent journey for visitors. Visual Design and Interaction The interface was created in Figma, using a clean layout, balanced typography, and a neutral color palette inspired by the company’s visual identity. Subtle motion and spacing were incorporated to convey professionalism and lightness. Webflow Implementation The final design was developed in Webflow, ensuring responsiveness, performance, and full control over animations and interactions. This allowed for efficient handoff and scalability for future updates.

04

Outcomes

The new BSource website enhanced the company’s online credibility and engagement. Strengthened brand presence with a consistent digital identity. Improved navigation and user retention through a simplified UX flow. Enabled easy scalability for future content and product launches. Established a foundation for integrating future analytics and lead-generation tools. The final result reflects BSource’s commitment to innovation and design excellence, providing a professional online experience aligned with its software consulting expertise.

04

Outcomes

The new BSource website enhanced the company’s online credibility and engagement. Strengthened brand presence with a consistent digital identity. Improved navigation and user retention through a simplified UX flow. Enabled easy scalability for future content and product launches. Established a foundation for integrating future analytics and lead-generation tools. The final result reflects BSource’s commitment to innovation and design excellence, providing a professional online experience aligned with its software consulting expertise.

04

Outcomes

The new BSource website enhanced the company’s online credibility and engagement. Strengthened brand presence with a consistent digital identity. Improved navigation and user retention through a simplified UX flow. Enabled easy scalability for future content and product launches. Established a foundation for integrating future analytics and lead-generation tools. The final result reflects BSource’s commitment to innovation and design excellence, providing a professional online experience aligned with its software consulting expertise.

BSource— UX/UI Case Study

BSource— UX/UI Case Study

BSource— UX/UI Case Study

Project Overview

Project Overview

Project Overview

Key Goals

Key Goals

Key Goals

Process

Process

Process

Outcomes

Outcomes

Outcomes