top of page

👋 Hello! 

My name is Otávio Campos. I'm a UI Designer from Brazil, working for Motorola since 2019. Here are some of my latest projects. Hope you like it!

👋 Olá!

Meu nome é Otávio Campos. Eu sou um UI Designer trabalhando desde 2019 na Motorola, com passagens pelo UOL, Magalu e Submarino. Aqui estão alguns dos meus projetos :)

Intro2.jpg
Razr 40 Ultra - External screen design

The New Razr family, announced in June 2023, was the culmination of several months of hard work involving teams in Brazil, USA and China. Myself, heading the visual design of the external screen and, Jinny Kang, leading the UX part, worked to deliver a fluid and full experience, comparable to the one you'd find in the main display. That's because the 2023's Razr+ has the largest cover screen found in a foldable phone to this date. Apart from basic functionalities found on competitor phones, this Razr model can support your choice of apps with the flip closed and also use the tripod mode to make your content creation more easily. The biggest design challenge of this project was to create an interface that could coexist naturally with the two camera punch holes. Since a good amount of current apps have the navigation located at the bottom of the screen, this could create huge usability issues. Our plan was to transfer all information typically found on the status bar to the section close the camera holes and prevent apps from expanding. Even so, we provide the option of having the apps to run full screen if the users want that way.

Razr 40 Ultra - Interface da tela externa

A nova família Motorola Razr, anunciada em Junho de 2023, foi o resultado de vários meses de trabalho envolvendo times do Brasil, EUA e China. Eu, liderando o design visual da interface da tela externa e, Jinny Kang como minha par de UX, trabalhamos para entregar uma experiência fluída e quase tão completa quanto à encontrada no display principal. Isso porque esse modelo possui a maior tela externa presente em celular dobrável até essa data. Além das funcionalidades básicas já encontradas em modelos concorrentes, nesse Razr o usuário pode rodar apps da sua escolha com o celular totalmente fechado e ainda aproveitar a função tripé do aparelho para facilitar qualquer tipo de produção de conteúdo. Entre os principais desafios de design desse projeto, o maior foi criar uma interface que pudesse coexistir naturalmente com as duas cameras encravadas na tela. Como uma grande parte dos aplicativos atuais tem navegação presente na parte inferior, isso poderia trazer enormes problemas de usabilidade. Nossa decisão foi de transferir as informações tipicamente encontradas na status bar, como notificações e nível de bateria, para a parte imediatamente ao lado das cameras e impedir que os apps se expandissem. Apesar da limitação, também damos a opção de tela cheia caso seja o desejo do usuário.

Intro3.jpg
Razr 40 - External Screen Design

While Razr 40 Ultra had the biggest external display, his younger sibling had a much modest size. With the ambition of becoming the most affordable foldable phone in the market, the biggest challenge here was working with the 1.5 inch display limitation. Every UI and interaction had to be rethinked to fit the small display size, such as access to notifications, weather, calendar, audio recorder etc.

Razr 40 - Interface da tela externa

Se a tela externa do 40 Ultra ocupava praticamente toda a parte frontal do aparelho, o seu irmão mais simples tinha um espaço bem mais modesto. Com a ambição de se tornar o celular dobrável mais barato já lançado, o grande desafio aqui foi trabalhar com a limitação da pequena tela de pouco mais de 1 polegada. Todas as interações e interfaces foram respensadas para se acomodarem neste pequeno formato, como: acesso às notificações, previsão do tempo, calendário, gravador de áudio etc.

Intro-camera.jpg
Camera app UI

UI redesign of the official Motorola Camera app. In addition to repositioning and reimagining several UI elements, the interface became compatible with Google's Material You system introduced in Android 12.

Interface do aplicativo de Camera

Redesign da UI do aplicativo oficial de Câmera. Além do reposicionamento e reimaginação de de vários elementos da UI, a interface se tornou compatível com o Material You do Google.

Intro-magalu.jpg
Projects for Magazine Luiza

Magazine Luiza, or Magalu, is one of the most important brazilian retail companies. During a 3 year period, I worked on a few important projects such as: redesign of the product page and the product grid and a visual proposal for faceted navigation.

Projetos para o Magazine Luiza

O Magazine Luiza, ou Magalu, é um dos maiores varejistas brasileiros. Entre os projetos mais importantes que participei nos 3 anos que passei lá estão: a reformulação completa da página de produto, a criação de um novo formato de vitrine e a proposta visual da facetação de lista de produtos.

bottom of page