Disseny web i desenvolupament a Framer per marques autèntiques
Disseny web i desenvolupament a Framer per marques autèntiques
COM TREBALLO
Coincidim?
Només és guai quan és pertinent
Només és guai quan és pertinent
La complexitat d'una web serveix per millorar la comunicació, no per complicar-la
Només és guai quan és pertinent
La complexitat d'una web serveix per millorar la comunicació, no per complicar-la
Sense codi
Sense codi
Per al desenvolupament de les webs faig servir Framer, el qual permet obtenir resultats ràpids i precisos, mantenint un alt grau de personalització.
Sense codi
Per al desenvolupament de les webs faig servir Framer, el qual permet obtenir resultats ràpids i precisos, mantenint un alt grau de personalització.
Flux de treball asíncron
Flux de treball asíncron
L'eficiència i les reunions no van molt de la mà. Estructuro tots els projectes a Notion i ens comuniquem a través de xat. Com menys fricció logística, més temps dedicat a la feina de veritat.
Flux de treball asíncron
L'eficiència i les reunions no van molt de la mà. Estructuro tots els projectes a Notion i ens comuniquem a través de xat. Com menys fricció logística, més temps dedicat a la feina de veritat.
Les aparences no ho són tot
Les aparences no ho són tot
El disseny web implica molt més que pàgines atractives: també requereix funcionalitat, claredat i estratègia.
Les aparences no ho són tot
El disseny web implica molt més que pàgines atractives: també requereix funcionalitat, claredat i estratègia.
Tots els projectes són fets amb amor
Tots els projectes són fets amb amor
Hi poso el 100% en tots els projectes, tractant-los com tractaria un projecte personal. Segueixo un procés col·laboratiu amb cada client per assegurar els millors resultats.
Tots els projectes són fets amb amor
Hi poso el 100% en tots els projectes, tractant-los com tractaria un projecte personal. Segueixo un procés col·laboratiu amb cada client per assegurar els millors resultats.
Col·laboració
Col·laboració
La teva participació és clau per l'èxit, ja que ningú coneix el teu negoci com tu! Així que espera fer una mica de deures 🤓
Col·laboració
La teva participació és clau per l'èxit, ja que ningú coneix el teu negoci com tu! Així que espera fer una mica de deures 🤓
Procés
![](https://framerusercontent.com/images/zrhAEJYzWGn145jLZnErdwBv1zY.png)
Participació del client
![0](https://framerusercontent.com/images/mjAro2DuqLq0pwGLkR8MlX9398.png)
Intro
![Contra](https://framerusercontent.com/images/TArNcDBXR2h6YmeEcka5fPBkVvY.png)
![Notion](https://framerusercontent.com/images/bnxIkwu9c4otlMMLlX5V9gCpcI.png)
![Participació del client](https://framerusercontent.com/images/zrhAEJYzWGn145jLZnErdwBv1zY.png)
Primer contacte
Selecció del paquet
Contracte
Primer pagament
![1](https://framerusercontent.com/images/zrUfL8rBHmdsQKRFQkx656loto.png)
Entrendre
![Notion](https://framerusercontent.com/images/bnxIkwu9c4otlMMLlX5V9gCpcI.png)
![Participació del client](https://framerusercontent.com/images/zrhAEJYzWGn145jLZnErdwBv1zY.png)
![2](https://framerusercontent.com/images/1NIroBKzfOEsPzEeC0Qlv7azYs.png)
Organitzar
![Notion](https://framerusercontent.com/images/bnxIkwu9c4otlMMLlX5V9gCpcI.png)
![Participació del client](https://framerusercontent.com/images/zrhAEJYzWGn145jLZnErdwBv1zY.png)
![3](https://framerusercontent.com/images/HRMKt9smU7BjhWpFKWmCuxfKo.png)
Experimentar i fer wireframes
![Notion](https://framerusercontent.com/images/bnxIkwu9c4otlMMLlX5V9gCpcI.png)
![Figma](https://framerusercontent.com/images/vmqF81YlppBhlYfrMVtZUkBm5wg.png)
![Adobe Illustrator](https://framerusercontent.com/images/zadGtmVmS2v7P3mDAY06tmXic.png)
![4](https://framerusercontent.com/images/jm0URvrNLIHWATGubEWUeNV0I.png)
Crear
![Framer](https://framerusercontent.com/images/NZangPnEva319k9162vP73YoEW0.png)
![Notion](https://framerusercontent.com/images/bnxIkwu9c4otlMMLlX5V9gCpcI.png)
![5](https://framerusercontent.com/images/PJNVaMotpigdWh3hZy32EyQuhM.png)
Publicar i ensenyar
![Framer](https://framerusercontent.com/images/NZangPnEva319k9162vP73YoEW0.png)
![Notion](https://framerusercontent.com/images/bnxIkwu9c4otlMMLlX5V9gCpcI.png)
![Contra](https://framerusercontent.com/images/TArNcDBXR2h6YmeEcka5fPBkVvY.png)
![](https://framerusercontent.com/images/zrhAEJYzWGn145jLZnErdwBv1zY.png)
![0](https://framerusercontent.com/images/mjAro2DuqLq0pwGLkR8MlX9398.png)
Intro
![Contra](https://framerusercontent.com/images/TArNcDBXR2h6YmeEcka5fPBkVvY.png)
![Notion](https://framerusercontent.com/images/bnxIkwu9c4otlMMLlX5V9gCpcI.png)
![Participació del client](https://framerusercontent.com/images/zrhAEJYzWGn145jLZnErdwBv1zY.png)
Primer contacte
Selecció del paquet
Contracte
Primer pagament
![1](https://framerusercontent.com/images/zrUfL8rBHmdsQKRFQkx656loto.png)
Entrendre
![Notion](https://framerusercontent.com/images/bnxIkwu9c4otlMMLlX5V9gCpcI.png)
![Participació del client](https://framerusercontent.com/images/zrhAEJYzWGn145jLZnErdwBv1zY.png)
• Conèixer la teva marca
• Establir objectius i abast del projecte
• Inspiració
![2](https://framerusercontent.com/images/1NIroBKzfOEsPzEeC0Qlv7azYs.png)
Organitzar
![Notion](https://framerusercontent.com/images/bnxIkwu9c4otlMMLlX5V9gCpcI.png)
![Participació del client](https://framerusercontent.com/images/zrhAEJYzWGn145jLZnErdwBv1zY.png)
Estructura de la web (pàgines i seccions)
Recerca
![3](https://framerusercontent.com/images/HRMKt9smU7BjhWpFKWmCuxfKo.png)
Experimentar i fer wireframes
![Notion](https://framerusercontent.com/images/bnxIkwu9c4otlMMLlX5V9gCpcI.png)
![Figma](https://framerusercontent.com/images/vmqF81YlppBhlYfrMVtZUkBm5wg.png)
![Adobe Illustrator](https://framerusercontent.com/images/zadGtmVmS2v7P3mDAY06tmXic.png)
• Recerca
• Esbossos, experimentació amb conceptes i metàfores visuals
• Wireframing + aprovació dels wireframes
![4](https://framerusercontent.com/images/jm0URvrNLIHWATGubEWUeNV0I.png)
Crear
![Framer](https://framerusercontent.com/images/NZangPnEva319k9162vP73YoEW0.png)
![Notion](https://framerusercontent.com/images/bnxIkwu9c4otlMMLlX5V9gCpcI.png)
Desenvolupament no-code
La teva aprovació
![5](https://framerusercontent.com/images/PJNVaMotpigdWh3hZy32EyQuhM.png)
Publicar i ensenyar
![Framer](https://framerusercontent.com/images/NZangPnEva319k9162vP73YoEW0.png)
![Notion](https://framerusercontent.com/images/bnxIkwu9c4otlMMLlX5V9gCpcI.png)
![Contra](https://framerusercontent.com/images/TArNcDBXR2h6YmeEcka5fPBkVvY.png)
![](https://framerusercontent.com/images/zrhAEJYzWGn145jLZnErdwBv1zY.png)
T'envio la web acabada
T'ensenyo com pots actualitzar-ne el contingut
Segon pagament
Assistència per les dues setmanes següents
Paquets
Diminuta
Petita
Mitjana
Gran
Simple
FUNCIONAL, NETA I EFECTIVA
800€
![il·lustració d'una composició web simple](https://framerusercontent.com/images/0PZf9Vglcp2DWYCU14R8qU69B4.png)
Disseny web basic i al gra. En treuràs una web estratègica i funcional amb una aparença professional i estètica.
1–5 seccions
5–6 setmanes
Complexitat visual baixa
Animacions bàsiques o sense animacions
Lluent
UNA MICA MÉS DE SALSA
1200€
![il·lustració d'una composició web mitjana](https://framerusercontent.com/images/3KDqjIjoQ0kU5QQxSLaa5WxM2g.png)
Una web atractiva, que destaca amb composicions que surten de l'habitual, detalls divertits i elements interactius.
1–5 seccions
6–7 setmanes
Complexitat visual mitjana
Animacions d'entrada i detalls divertits
Fluid
NO VULL TANCAR LA PESTANYA
1600€
![il·lustració d'una composició web complexa](https://framerusercontent.com/images/TVrYDBSW1lNyOd4SoLhuj7iRht8.png)
Un lloc web "out of the box" que pot incloure scrollytelling, metàfores visuals i interaccions avançades que reflecteixen la teva marca visualment.
1–5 seccions
7–8 setmanes
Complexitat visual alta
Animacions complexes
Paquets
Diminuta
Petita
Mitjana
Gran
Simple
FUNCIONAL, NETA I EFECTIVA
800€
![il·lustració d'una composició web simple](https://framerusercontent.com/images/0PZf9Vglcp2DWYCU14R8qU69B4.png)
Disseny web basic i al gra. En treuràs una web estratègica i funcional amb una aparença professional i estètica.
1–5 seccions
5–6 setmanes
Complexitat visual baixa
Animacions bàsiques o sense animacions
Lluent
UNA MICA MÉS DE SALSA
1200€
![il·lustració d'una composició web mitjana](https://framerusercontent.com/images/3KDqjIjoQ0kU5QQxSLaa5WxM2g.png)
Una web atractiva, que destaca amb composicions que surten de l'habitual, detalls divertits i elements interactius.
1–5 seccions
6–7 setmanes
Complexitat visual mitjana
Animacions d'entrada i detalls divertits
Fluid
NO VULL TANCAR LA PESTANYA
1600€
![il·lustració d'una composició web complexa](https://framerusercontent.com/images/TVrYDBSW1lNyOd4SoLhuj7iRht8.png)
Un lloc web "out of the box" que pot incloure scrollytelling, metàfores visuals i interaccions avançades que reflecteixen la teva marca visualment.
1–5 seccions
7–8 setmanes
Complexitat visual alta
Animacions complexes
Paquets
Diminuta
Petita
Mitjana
Gran
Simple
FUNCIONAL, NETA I EFECTIVA
800€
![il·lustració d'una composició web simple](https://framerusercontent.com/images/0PZf9Vglcp2DWYCU14R8qU69B4.png)
Disseny web basic i al gra. En treuràs una web estratègica i funcional amb una aparença professional i estètica.
1–5 seccions
5–6 setmanes
Complexitat visual baixa
Animacions bàsiques o sense animacions
Lluent
UNA MICA MÉS DE SALSA
1200€
![il·lustració d'una composició web mitjana](https://framerusercontent.com/images/3KDqjIjoQ0kU5QQxSLaa5WxM2g.png)
Una web atractiva, que destaca amb composicions que surten de l'habitual, detalls divertits i elements interactius.
1–5 seccions
6–7 setmanes
Complexitat visual mitjana
Animacions d'entrada i detalls divertits
Fluid
NO VULL TANCAR LA PESTANYA
1600€
![il·lustració d'una composició web complexa](https://framerusercontent.com/images/TVrYDBSW1lNyOd4SoLhuj7iRht8.png)
Un lloc web "out of the box" que pot incloure scrollytelling, metàfores visuals i interaccions avançades que reflecteixen la teva marca visualment.
1–5 seccions
7–8 setmanes
Complexitat visual alta
Animacions complexes