Dicode.
Book a call ↗Disponible pour votre projet ⤴
← Tous les projets

Application mobile · Prototype en cours

Post

Explorer la création et la planification de contenus dans un prototype mobile.

Maquette de présentation Post : trois écrans d’onboarding pour créer, planifier et diffuser des contenus

Prototype mobile en cours. Les visuels sont des maquettes ; la création, le calendrier et la publication sur les réseaux ne sont pas encore fonctionnels.

React NativeExpoTypeScriptNativeWind

Post explore la création et la planification de contenus pour les réseaux sociaux dans une interface mobile. Le prototype réunit un splashscreen, un onboarding en trois étapes et un accueil de démonstration. Les maquettes de création, de calendrier et de landing page prolongent cette direction visuelle.

LE PROJET EN DÉTAIL

Du parti pris à l’interface.

Mon rôle

Conception des interfaces et intégration mobile assistée par l’IA

Stack technique

  • React Native
  • Expo 57
  • TypeScript
  • NativeWind
  • AsyncStorage

Stack du prototype mobile. La persistance utilise AsyncStorage sur l’appareil ; les réseaux sociaux ne sont pas connectés.

Choix de conception

  1. Introduire le parcours en trois étapes

    Le splashscreen installe l’identité de Post. L’onboarding explique ensuite l’intention du produit : créer, planifier et diffuser ses contenus.

  2. Relier identité et lisibilité

    Le bleu, les fonds lilas clairs, les boutons noirs et les illustrations 3D donnent une continuité aux écrans. Le crayon intégré au logo rappelle la création de contenu.

  3. Un prototype navigable

    Le splashscreen, les trois étapes d’onboarding et l’accueil de démonstration forment le parcours actuel. La fin de l’onboarding est mémorisée localement et peut être réinitialisée.

Typographies

Inter

Interface mobile · 400, 500, 600 et 700

Typographie utilisée dans le prototype mobile.

Palette de couleurs

  • #0862F8Bleu principal
  • #F3F3FALilas clair
  • #171719Encre
  • #656571Gris de lecture
  • #DDDDE8Bordures

Couleurs déclarées dans tailwind.config.js du prototype mobile.

Le projet, dans les détails.

Maquette du splashscreen Post avec son logo bleu et son crayon sur fond lilas clair
Maquette du splashscreen : logo bleu, crayon et fond lilas clair.
Maquettes Post de création de contenu et de calendrier avec des données de démonstration
Création et calendrier : maquettes statiques avec des données de démonstration.
Maquette de landing page Post présentant le concept de création et de planification de contenus
Landing page : maquette de présentation du concept, sans liste d’attente connectée.
Me contactersur WhatsApp
Guide Dicode de Dieudonné Houndagnon : crée ton premier site avec l’IA. 10 prompts et un bonus, PDF de 22 pages. Exemples du portfolio et de la refonte Québec Signature.

Crée ton premier site avec l’IA

10 prompts prêts à l’emploi et un bonus pour passer de ton idée à ta première page.

Profiter de l’offreEbook en français · Détails sur Chariow