Add lacine and fix ard title anchor link
This commit is contained in:
parent
ab70baf4d0
commit
5e49e438c0
5 changed files with 101 additions and 1 deletions
49
content/en/projects/lacine.md
Normal file
49
content/en/projects/lacine.md
Normal file
|
@ -0,0 +1,49 @@
|
||||||
|
---
|
||||||
|
title: "Lacine"
|
||||||
|
description: "Landing page built with SvelteKit to promote Lacine, a creative lab for filmmakers."
|
||||||
|
lead_video: "/img/lacine/lead-video.mp4"
|
||||||
|
featured_image: "/img/lacine/screenshot.png"
|
||||||
|
status: "Archived"
|
||||||
|
draft: false
|
||||||
|
---
|
||||||
|
|
||||||
|
## About the Project
|
||||||
|
|
||||||
|
**Lacine** is a custom website developed as a freelance project for a client in the independent cinema space. The site was designed to showcase film programming and cultural events with a clean aesthetic and user-focused experience.
|
||||||
|
|
||||||
|
Built from the ground up with responsiveness and performance in mind, it delivers fast-loading, accessible content that works seamlessly across devices.
|
||||||
|
|
||||||
|
### ✨ Features
|
||||||
|
|
||||||
|
- 🎬 **Event Listing**: Displays a organic layout with dates and times of each event
|
||||||
|
- ✅ **Responsive Design**: Optimized for mobile, tablet, and desktop
|
||||||
|
- 🌐 **SEO & Performance Optimized**: Semantic structure and fast load times
|
||||||
|
- 💼 **Custom Branding**: Layout tailored to the client’s visual identity
|
||||||
|
- 🎨 **Visual Storytelling**: A cinematic presentation that highlights mood, schedule, and call to action
|
||||||
|
|
||||||
|
## 🔧 Tech Stack
|
||||||
|
|
||||||
|
- **Frontend:** SvelteKit, HTML5, CSS3
|
||||||
|
- **Hosting:** Self-hosted on VPS
|
||||||
|
- **Tooling:** Git for version control, CI/CD for deployment
|
||||||
|
|
||||||
|
## 🤝 My Role
|
||||||
|
|
||||||
|
As a freelance full-stack developer, I was responsible for:
|
||||||
|
|
||||||
|
1. Gathering and refining project requirements with the client
|
||||||
|
2. Designing a responsive and elegant user interface
|
||||||
|
3. Implementing key features (scheduling and event details)
|
||||||
|
4. Optimizing for performance and SEO
|
||||||
|
5. Handling deployment and infrastructure setup
|
||||||
|
6. With the tight schedule, I had to develop everything fast
|
||||||
|
|
||||||
|
## 📈 Impact
|
||||||
|
|
||||||
|
- Helped the client establish a professional online presence with full control over content
|
||||||
|
- The final product stands out for its clarity, aesthetics, and usability in a niche market
|
||||||
|
|
||||||
|
## 🔗 Links
|
||||||
|
|
||||||
|
- 🌐 [Live demo](https://projects.leomurca.xyz/lacine/)
|
||||||
|
|
48
content/pt-br/projects/lacine.md
Normal file
48
content/pt-br/projects/lacine.md
Normal file
|
@ -0,0 +1,48 @@
|
||||||
|
---
|
||||||
|
title: "Lacine"
|
||||||
|
description: "Landing page desenvolvida com SvelteKit para divulgar o Lacine, um laboratório criativo para cineastas."
|
||||||
|
lead_video: "/img/lacine/lead-video.mp4"
|
||||||
|
featured_image: "/img/lacine/screenshot.png"
|
||||||
|
status: "Archived"
|
||||||
|
draft: false
|
||||||
|
---
|
||||||
|
|
||||||
|
## Sobre o Projeto
|
||||||
|
|
||||||
|
**Lacine** é um site personalizado desenvolvido como um projeto freelance para um cliente do setor de cinema independente. O site foi criado para divulgar uma programação cultural com uma estética limpa e uma experiência centrada no usuário.
|
||||||
|
|
||||||
|
Construído do zero com foco em responsividade e desempenho, ele entrega conteúdo rápido, acessível e que funciona perfeitamente em qualquer dispositivo.
|
||||||
|
|
||||||
|
### ✨ Funcionalidades
|
||||||
|
|
||||||
|
- 🎬 **Listagem de Eventos**: Apresenta uma estrutura orgânica com datas e horários de cada sessão
|
||||||
|
- ✅ **Design Responsivo**: Otimizado para mobile, tablet e desktop
|
||||||
|
- 🌐 **SEO e Performance Otimizados**: Estrutura semântica e carregamento rápido
|
||||||
|
- 💼 **Identidade Visual Personalizada**: Layout adaptado à identidade do cliente
|
||||||
|
- 🎨 **Narrativa Visual**: Apresentação cinematográfica que destaca clima, agenda e chamadas para ação
|
||||||
|
|
||||||
|
## 🔧 Tecnologias Utilizadas
|
||||||
|
|
||||||
|
- **Frontend:** SvelteKit, HTML5, CSS3
|
||||||
|
- **Hospedagem:** VPS próprio
|
||||||
|
- **Ferramentas:** Git para controle de versão, CI/CD para deploy
|
||||||
|
|
||||||
|
## 🤝 Meu Papel
|
||||||
|
|
||||||
|
Como desenvolvedor full-stack freelance, fui responsável por:
|
||||||
|
|
||||||
|
1. Levantar e refinar os requisitos do projeto junto ao cliente
|
||||||
|
2. Criar uma interface elegante e responsiva
|
||||||
|
3. Implementar funcionalidades essenciais (agenda e detalhes dos eventos)
|
||||||
|
4. Otimizar o site para desempenho e SEO
|
||||||
|
5. Configurar a infraestrutura e realizar o deploy
|
||||||
|
6. Com um cronograma apertado, desenvolvi tudo em ritmo acelerado
|
||||||
|
|
||||||
|
## 📈 Impacto
|
||||||
|
|
||||||
|
- Ajudei o cliente a estabelecer uma presença online profissional com controle total do conteúdo
|
||||||
|
- O produto final se destaca pela clareza, estética e usabilidade dentro de um nicho específico
|
||||||
|
|
||||||
|
## 🔗 Links
|
||||||
|
|
||||||
|
- 🌐 [Ver demo](https://projects.leomurca.xyz/lacine/)
|
|
@ -103,7 +103,9 @@
|
||||||
/>
|
/>
|
||||||
<div class="card__content">
|
<div class="card__content">
|
||||||
<header class="card__header">
|
<header class="card__header">
|
||||||
<h2 class="card__title">{{ i18n "lacine-title" }}</h2>
|
<h2 class="card__title">
|
||||||
|
<a href="projects/lacine">{{ i18n "lacine-title" }}</a>
|
||||||
|
</h2>
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
<div class="card__tags">
|
<div class="card__tags">
|
||||||
|
|
|
@ -456,6 +456,7 @@ footer p {
|
||||||
}
|
}
|
||||||
|
|
||||||
.card__title a {
|
.card__title a {
|
||||||
|
display: block;
|
||||||
border: none;
|
border: none;
|
||||||
color: #D2E0EF;
|
color: #D2E0EF;
|
||||||
}
|
}
|
||||||
|
|
BIN
static/img/lacine/lead-video.mp4
Normal file
BIN
static/img/lacine/lead-video.mp4
Normal file
Binary file not shown.
Loading…
Add table
Reference in a new issue