Moovweb Developer Center

Moovweb is an Enterprise software solution for delivering customized mobile experiences from a single codebase.

As lead product designer, I collaborated with the VP of Product and various engineers to create and design a new web property for Moovweb developers.

  • The Moovweb Developer Center is the primary hub for software downloads, documentation, and tutorials for developers using the Moovweb platform.

    Challenge

    When Moovweb hired me to redesign the Control Center, one of the goals was to simplify the user experience by focusing on providing a streamlined interface for managing Moovweb projects in the cloud. This required moving the onboarding guides and all the developer-related content to a separate site that didn't exist yet.

    Approach

    What I Did
    • Content Development
    • Information Architecture
    • UX + Interface Design
      • User Flows
      • Wireframes
      • Mockups
        • Page Layouts
        • Typography
        • Color Scheme
    • Front-end Development
      • Ruby on Rails Views
      • Sass Library
    Built with MoovUI

    View Process & Artifacts

    I collaborated with product management on content development, devised a clear and logical information architecture, and produced many iterations of visual and interface design. I also worked closely with the Ruby on Rails developers to build a prototype of the app, and finally the production code that is present today.

    Outcome

    The design and creation of the Developer Center allowed Moovweb to clearly separate the content about the platform tools from the tools themselves, and allowed product management to take advantage of the flexibility of a stand-alone property for delivering developer-oriented content in a more appropriate format.

  • Selected Artifacts of the Design Process

    Below is an incomplete selection of deliverables that were presented during the product design process.

    Information Architecture

    Developer Center Information Architecture Overview

    View Full Size

    User Flows

    Mockups

    Developer Center Early Mockups - 'Developer' Edition

    Early Mockups of Developer Center Documentation landing page - 'Developer' Edition / View Larger

    Developer Center Early Mockups - 'Enterprise' Edition

    Early Mockups of Developer Center Documentation landing page - 'Enterprise' Edition / View Larger

View the Developer Center at developer.moovweb.com

Developer Center Information Architecture Overview

Developer Center Information Architecture Overview ×

Developer Center New User Onboarding Flow

Developer Center New User Onboarding Flow ×

Developer Center Early Mockups - 'Developer' Edition

Developer Center Early Mockups - 'Developer' Edition ×

Developer Center Early Mockups - 'Enterprise' Edition

Developer Center Early Mockups - 'Enterprise' Edition ×

Contact