Laura Rocha Prado

Yaba

Página única

Skeleton, CSS, JavaScript

Yaba screenshot

Desenvolvi a landing page da agência de Music Branding Yaba.

Adaptei um conceito de design que já havia sido criado para a marca, e criei um site de página única colorido, simples e dinâmico.

O site é responsivo e baseado no framework leve Skeleton. O menu que desliza lateralmente foi feito todo em CSS.

Visualizar ao vivo.

Fina Paca

Loja virtual e Blog

Bootstrap, WordPress, WooCommerce

Fina Paca homepage screenshot

Tenho uma marca de coisas feitas à mão, a Fina Paca. Precisava de um site que contasse a história da marca, e que tivesse uma loja virtual integrada.

Fiz desde a identidade visual, até o layout e o desenvolvimento do site.

Originalmente na plataforma Iluria, a loja virtual foi migrada para o WordPress. Diversos plugins integram a loja, entre eles o popular WooCommerce.

O design responsivo fica por conta do framework utilizado, o Bootstrap.

Visualizar ao vivo.

Visualizar a versão original.

Jubilee Austen

Landing page

HTML, CSS

Jubilee Austen screenshot

Como parte dos meus estudos no curso de desenvolvimento Web no Skillcrush, recebi um layout para transformar em um site funcional.

Fui responsável por traduzir o design pronto, entregue em um arquivo de Photoshop, em código.

Usando apenas HTML e CSS, segui as diretrizes recebidas para fazer com que o site ficasse fiel ao layout criado pelo designer.

Visualizar no Github.

Meu Primeiro "Portfólio"

Landing page

Bootstrap, jQuery

Portfólio screenshot

Como parte dos meus estudos no Free Code Camp, fiz meu primeiro site pessoal, que teria a função de portfólio.

Fiz o design seguindo algumas diretrizes impostas, como: teria que ser um site de página única, com algumas seções informativas obrigatórias, botões interativos para as redes sociais e menu fixo.

Usei bastante CSS e um pouco de JavaScript para deixar as animações mais suaves.

Visualizar no Code Pen.

Random Quote Generator (Gerador de citações aleatórias)

Aplicativo simples

APIs, jQuery

Random Quote Generator screenshot

Como parte dos meus estudos no Free Code Camp, desenvolvi um aplicativo de citações aleatórias.

Uma API é usada para buscar uma citação, aleatoriamente escolhida, do banco de dados do site Forismatic. Assim que a página é carregada a citação aparece, podendo ser trocada inúmeras vezes usando um botão.

Além disso, a citação pode ser publicada no Twitter do usuário, também usando um botão específico.

Visualizar no Code Pen.

Weather App (Previsão do Tempo)

Aplicativo simples

APIs, JavaScript

Weather App screenshot

Como parte dos meus estudos no Free Code Camp, desenvolvi um aplicativo de tempo local.

O site determina a geolocalização aproximada do usuário e busca as condições atuais do tempo na localidade, através da API fornecida pelo site The Dark Sky. A imagem do fundo apresentada é coerente com as condições de tempo.

Além disso, há um botão que faz a conversão da temperatura em graus Celsius e Fahrenheit.

Visualizar no Code Pen.

Contato

Vamos fazer algo legal juntos? Escreve pra mim!

oi@laurarprado.com