Nom de la marque
Site Web 2024

Commercial proposal
13/08/2024

Your Project

Identité visuelle, design et développement du site web de XXX

Liste des features

  • Site Web responsive et optimisé SEO
  • Site web orienté conversion (CTA)
  • Animation vectorielles personalisées (optionel)
  • Animations des éléments de l'UI (Gsap)
  • Expérience de scroll fluide et moderne
  • Possibilité pour le client de modifier facilement certains éléments du site (par exemple tout le contenu relatif au projet réalisé par l'agence)
  • Intégration de XXX
  • Mise en avant de XXX
  • Formulaire de contact
  • Intégration réseaux sociaux

Liste des pages

  • Page 1
  • Page 2
  • Page 2

Le Process

1

Onboarding

We make a call together to precisely define your needs.

You provide me with:

- Complete visual identity (colors, vector logos, fonts).

- Brand history, its values.

- What you like and/or what you don't like.

Do not hesitate to give me as much information as possible! If you've loved a website recently, let me know.

2

Recherche

I lock myself up at my desk and I go looking for inspiration. My sources of inspiration are multiple: cinema, websites, websites, advertising, music, nature.

At the end of this research phase I present to you What I identified as interesting for you, this first exchange laid the foundations of AD (Artistic Direction). These can be visual inspirations, effects, structural proposals for your website etc.

3

Creation

I'm heading back to my desk, this time to create a unique and striking design, which will allow you to differentiate yourself from the competition.

The designs of your future website are created on Figma, in desktop and mobile format.

Once finished, I send you the designs and a validation phase follows to end with a project you are 100% satisfied with.

4

Prod & Dev

The production and development phase transforms ideas and designs into a efficient, exciting and functional website on all possible devices.

Obsessed with detail, I make sure that the rendering is perfect, creating a high-quality user experience.

5

Test

Before launch, I conduct rigorous tests, for all screen sizes, to ensure the quality and performance of your website.

6

Restitution

After the launch, I support you to train you in the management of your website and ensure its sustainability.

In particular, I make personalized tutorial videos that show you how to modify the content of your website.

7

Evolution

Based on your needs, I support you to adapt and make your website evolve according to the evolution of your business.

Whether it's the addition of new features or the redesign of certain sections, I remain available so that your website continues to effectively support your growth.

Devis

Description

Temps
(jours)

Prix HT

Search Créa

1

d.

650.00

- Benchmarking des sites concurrents
- Recherche d'inspirations
- Ces différentes inspirations sont compilées et présentées aux clients lors d'une présentation
- Ce premier échange définira les lignes directrices du projet et constituent la premier base DA avant même le maquettage

Identité Visuelle

2

d.

1 300.00

- Travail de recherche d'identité visuelle
- Définition d'une palette de couleurs
- Définition des typographies à utiliser
- Création d'éléments visuels en fonction de la DA retenue (éléments vectoriels ou éléments statiques)
- Modification du Logo (pas création complète d'un nouveau logo)

Éléments Meta

0.5

d.

325.00

- Création et Ajout Favicon
- Écriture et ajout Meta Title et Meta Description
- Écriture et ajout Open Graph Title, Open Graph Decsription, Open Graph URL
- Intégration du pixel Facebook (à fournir par le client)
- Intégration Google Tag Manager (à fournir par le client)

Header/Footer/Nav

Design

1.5

d.

975.00

- Maquette responsive (desktop et mobile) sur Figma du header, du footer et du menu de navigation
- Validation de la maquette avant phase de dev

Header/Footer/Nav

Dev

2

d.

1 300.00

- Dev du header, du footer et du menu de navigation conformément au design pré-établi sur la maquette

Homepage

Design

2

d.

1 300.00

- Maquette responsive (desktop et mobile) sur Figma de la Homepage
- Validation de la maquette avant phase de dev

Homepage

Dev

2.5

d.

1 625.00

- Dev de la homepage conformément au design pré-établi sur la maquette

Page "Nos Références"

Design

1

d.

650.00

- Maquette responsive (desktop et mobile) sur Figma de la page "Nos Références"
- Validation de la maquette avant phase de dev

Page "Nos Références"

Dev

1

d.

650.00

- Dev de la page "Nos Références" conformément au design pré-établi sur la maquette

Page Référence Template X2

Design

2.5

d.

1 625.00

- Maquette responsive (desktop et mobile) sur Figma des deux templates qui seront utilisées pour les pages propres à chacune des références.
- Validation de la maquette avant phase de dev

Page Référence Template X2

Dev

3

d.

1 950.00

- Dev des templates "Référence" conformément au design pré-établi sur la maquette

Page Notre Agence

Design

1.5

d.

975.00

- Maquette responsive (desktop et mobile) sur Figma de la page "Notre Agence" (page sur laquelle on retrouve la commande à table, le paiement à table, le menu etc.)
- Validation de la maquette avant phase de dev

Page Notre Agence

Dev

2

d.

1300.00

- Dev de la page "Notre Agence" conformément au design pré-établi sur la maquette

Page Studio

Design

1

d.

650.00

- Maquette responsive (desktop et mobile) sur Figma de la page "Studio" (page propre à chacun des restaurants)
- Validation de la maquette avant phase de dev

Page Studio

Dev

1.5

d.

975.00

- Dev de la page "Studio" conformément au design pré-établi sur la maquette

SEO

0.5

d.

325.00

- Écriture et ajout alt texte sur tout le contenu média du website

Publication & Restitution

0.5

d.

325.00

- Mise en ligne du site à l'URL choisie par le client (le nom de domaine doit être acheté par le client et le client doit être propriétaire du nom de domaine)
- Réalisation de vidéo tutorielles explicatives pour l'ajout/la modification du contenu présent sur le site

Multilangue (Optionel, pas intégré dans le total)

0.75

d.

487.50

- Dev Language switch Anglais/Français
- Traduction de tout le contenu du site
- Ajout tag href lang pour traduction SEO-friendly
- Prévoir +8€ par mois pour les frais Webflow pour la version de base
- Prévoir un surcout pour des options de translation plus avancées (automatic routing, media localization)

Intégration des templates X10 (Optionel, pas intégré dans le total)

0.5

d.

325.00

- Intégration du contenu "Nos Références" dans les deux templates (10 pages)
- Préparation du contenu média (Resizing, Compression, Conversion WebP)
- Écriture et Ajout Alt Text sur le contenu média

Motion Design Personalisé (Optionel, pas intégré dans le total)

1.5

d.

975.00

- Création de différentes animations vectorielles dans AfterEffects
- Export de ces animations en fichiers .json
- Intégration des animation grâce à la librairie Lottie.js

Total H.T
16 900.00
Remise X%
00.00€
Total H.T
00.00€
VAT
3 380.00
Total Incl. VAT
20 280.00
Prévoir 23$/mo pour l'hébergement du site et la fonction CMS de Webflow

Ce tarif inclut un crédit développeur dans le footer du site, 15% extra pour l'enlever

Références

GRUPPOMIMO

- Visual identity
- Complete website design
- E-commerce website
- Motion Design
- Store Finder (Google API)
- Recruitment area
- Multi-step form

Groupe Yannick Alléno

- Website dev only (design done by someone else)
- Gsap animation
- Realization of modular components to facilitate modification for the customer

The Grand Rex

- Visual identity
- Complete website design
- Website dev
- Motion Design
- Animated timeline
- Vector illustrations

Side.xyz

- Visual identity
- Complete Dapp design

Ephemera Group

- Complete webite design
- Website dev
- Motion Design
- Form with logic
- Multilingual
- Custom loader
- Custom cursor
- Menu customizable by the client

Avis Clients

Simon Gauthier
Le Grand Rex
Sales manager

Hugo started by changing our commercial and organizational supports for Le Grand Rex. This concerns the event, corporate, show, cinema part. A promotional video was then made to highlight the possibilities of privatizing Le Grand Rex spaces. Very nice rendering, very nice result, so we immediately followed up with him on a total redesign of the website. Whether on that or on the video, that always went well.

Hugo is a very responsive person, who understands the challenges of his client well and who is really interested in the impact that this will have for him. He has always been a source of proposals. He has a very modern vision, it really made us feel good this breath of fresh air that he brought us.

Reachable all the time, always good advice, a real human pleasure to work with him. The advantage is that he has already had a lot of 360 experiences (video, graphics) so he brings this artistic vision that makes the difference and allows us to stand out from the others.

We are super proud of our website and we have had very good feedback on it, really very satisfied with the results, we hope that it will continue to support us. Thank you Hugo we are very very happy with the result!

James Shi
Yatai Ramen
Chef and Manager

Hugo Newton did an exceptional job developing our site on Webflow, and I am thrilled to share my positive experience.

Hugo took care of the entire process of creating our site, from the initial design to the launch online. He was able to understand our specific needs and translate them into a modern and functional design. It has also integrated personalized functionalities that perfectly meet our expectations.

Throughout the project, Hugo showed great professionalism. He maintained open and regular communication using WhatsApp, which made it possible to break the overly formal email barrier. He used tools to keep us updated on progress and sought our advice at every key stage. He ended with a video tutorial that we can reuse for our employees in order to ensure continuity even after his mission. Her collaborative approach facilitated the process.

What I appreciated about the work done: I particularly appreciated the attention to detail that Hugo showed. Each element of the site is carefully thought out to provide a smooth and pleasant user experience. In addition, her ability to quickly resolve technical issues that arose was a major asset. Finally, its commitment to excellence is reflected in the quality of the final site, which exceeds our expectations.


In summary, working with Hugo was a rewarding experience and I would highly recommend his services to anyone looking to develop a professional and effective website.

Jade Frommer
Groupe Ephemera
CEO

Ephemera went up a level thanks to Hugo.

He took care of the entire redesign of the website in record time, always with these watchwords, which for me are essential for a company like ours: speed, professionalism, talent and flexibility.

The mission went wonderfully with a result well above our expectations. Hugo's double hat with the design part and the development part makes it possible to have real follow-up, to trust only one person and to have an extremely coherent result.

In just a few weeks we had a beautiful, functional site that met all our expectations.:)

Myriam Wahl
GRUPPOMIMO
CMO

We completely redesigned our website with Hugo. Everything went great, very good advice on the website's structure, but also on its artistic direction. The website was released without any problems, with deadlines respected!

Guillaume Bonsignore
Iron Slide
Project manager

As a manufacturer of stainless steel slides, we had the pleasure of collaborating with Hugo Newton to create our website. From the start of the project, Hugo has distinguished himself by his ability to be a source of proposals while remaining attentive to our specific needs. His hard work and professionalism were exemplary throughout the process.

The final result greatly exceeds our expectations, with a website that is both aesthetic and functional that perfectly highlights our products and our know-how. We strongly recommend Hugo Newton for any website creation and we are convinced that he will be able to provide the same quality of service and commitment to his future customers. A big thank you for this more than satisfactory work!

Contact

Do you have questions about the quotation? Do you want to add or remove one of the items listed?