Aller au contenu
Lancer un projet

Varel Interactive, studio de design et de développement : UX/UI, sites web, applications web et mobiles, showrooms 3D

Varel conçoit et développe interfaces, sites, applications web et mobiles et showrooms 3D temps réel, avec les mêmes mains du premier croquis au lancement.

Boutons, écrans, données, appareils et espace. Nous fabriquons chaque pièce, et elles s'emboîtent.

De l'idée à l'immersion.

Cinq lignes de service, un seul parcours. Faites défiler pour voir comment une idée devient une interface, un site, un produit, une application dans votre poche et enfin un espace où entrer.

1/5 Design UX/UI

1 / 5De l'idée à l'interface

Design UX/UI

Nous donnons forme au produit avant la première ligne de code, pour que le développement construise la bonne chose du premier coup.

  • Recherche utilisateur et entretiens
  • Parcours, wireframes et croquis
  • Design systems Figma avec tokens
  • Prototypes cliquables testés avec de vrais utilisateurs
  • Accessibilité vérifiée dès le premier écran

Stack : Figma, Research, Prototyping, Design systems

Lancer ce type de projet

2 / 5De l'interface au web

Développement web

Des sites rapides, bien référencés et faciles à éditer, sur des thèmes WordPress ou Shopify construits sur mesure.

  • Thèmes WordPress sur mesure pour l'éditeur de blocs
  • Thèmes Shopify sur mesure en Liquid
  • Budgets de performance et Core Web Vitals
  • Structure, métadonnées et sitemaps prêts pour le SEO
  • Formation des éditeurs et passation propre

Stack : WordPress, Shopify, Liquid, PHP, Core Web Vitals

Lancer ce type de projet
Accueil4 blocs
Réglages hero

3 / 5Du web au produit

Applications web

Des produits full-stack avec de vraies données, de vrais utilisateurs et du temps réel, sur une stack que votre équipe peut reprendre.

  • Front-ends Next.js, Nuxt et Vue
  • APIs Node.js, REST ou GraphQL
  • Couches de données MongoDB et Prisma
  • Authentification, rôles et permissions
  • Fonctionnalités temps réel via WebSockets

Stack : Next.js, Nuxt, Vue, Node.js, MongoDB, Prisma

Lancer ce type de projet

Une requête, une réponse, une mise à jour en direct. Touchez ou survolez un bloc.

4 / 5Du produit à la poche

Applications mobiles

Des applications iOS et Android au rendu natif, de l'architecture à la publication sur les stores.

  • React Native ou Flutter pour un code partagé
  • Swift et Kotlin quand l'appareil compte
  • Mode hors ligne, notifications push et deep links
  • Architecture applicative et gestion d'état
  • Publication sur l'App Store et Google Play

Stack : React Native, Flutter, Swift, Kotlin, Expo

Lancer ce type de projet
Aurora

Aujourd'hui

  • 09:30LindqvistEntretien chaudière
  • 11:00OseiInspection annuelle
  • 14:15NovakRemplacement radiateur

Comment c'est construit

Un seul code TypeScript pour les deux stores, partagé avec l'application web.

App StoreGoogle PlayBuild 142 · publié

5 / 5De l'écran à l'espace

Showrooms 3D

Des expériences produit interactives dans le navigateur : showrooms et configurateurs qui tournent sur un téléphone ordinaire.

  • Showrooms virtuels et configurateurs produit
  • WebGL et Three.js, intégrables partout
  • Assets glTF optimisés depuis vos fichiers CAO
  • Matériaux, finitions et variantes en temps réel
  • Fallbacks image et budget de performance par appareil

Stack : Three.js, WebGL, glTF, Draco

Lancer ce type de projet

Des études construites pour montrer comment nous travaillons.

Varel est un jeune studio : ce sont des projets auto-initiés, pas des commandes clients. Chacun parcourt une ligne de service de bout en bout.

  1. Web app + Mobile

    Aurora

    Application web de gestion d'interventions et app mobile compagnon

    Planning, techniciens et facturation pour une entreprise de plomberie, de la recherche à une app React Native qui fonctionne hors ligne.

  2. Shopify + 3D

    Nordholm

    Thème Shopify avec configurateur 3D

    Une boutique de mobilier où chaque chaise se voit dans chaque tissu et chaque finition de pied avant d'aller au panier.

  3. UX/UI + WordPress

    Lumen

    Design system et site WordPress

    Un site éditorial pour un cabinet d'architecture : un système Figma, des tokens en code et un thème pour l'éditeur de blocs.

Des designers qui codent. Des ingénieurs qui dessinent.

Varel est un studio numérique fondé par des gens qui font les deux. Nous emmenons un produit du premier croquis au code livré sans le faire passer par-dessus un mur : c'est ainsi que les détails que l'on ressent survivent au trajet.

Nous sommes petits et jeunes, et c'est voulu : chaque projet est porté par les fondateurs du studio, et chaque réalisation est écrite pour qu'une autre équipe puisse la reprendre.

  • Une seule équipe, du croquis à la mise en ligne

    La personne qui conçoit une interaction est souvent celle qui l'implémente.

  • La performance est une fonctionnalité

    Temps de chargement, coût de rendu et poids du bundle ont un budget dès le premier jour. La 3D et le motion n'en sont pas exemptés.

  • Conçu pour être repris

    Une structure claire, des décisions documentées et aucune dépendance qui ne mérite pas sa place.

Dites-nous ce que vous construisez.

Quelques phrases suffisent. Nous répondons avec des questions, une première lecture de l'approche et à quoi pourrait ressembler une première phase.

Ou écrivez-nous directement

hello@varelinteractive.com