_code w/ design

Welcome to INDRALIVE — Indra Sutedja's portfolio website. I am an interactive designer coupled with frontend coding skills.

01

Listen

Take notice of and act on what stakeholders say; respond to advice or a request. Gather feedback and narrow down objectives for an executable plan.


02

Decipher

  • BRAINSTORM
  • MOCKUPS
  • PROTOTYPES
  • USABILITY TESTS

03

Solve

Think outside the box and discover viable solutions with intuitive design to give users great experience and to meet their need simultaneously.


See Work Samples

WORK SAMPLES

evolve

My work and career path is an evolution of blending the right and the left brain, mingling creative ideas with technical skillsets. Some recent work examples are shown below:

Corporate Website Design

Wordpress PHP UiKit CSS framework Less Preprocessor
Information Architecture Visual Design Branding Guidelines
Responsive Design SEO Optimization Google Tag Manager


Optimal Blue's Marketplace Platform connects the industry's largest network of originators, investors, and providers.

Indra maintained Optimal Blue brochure website and had overseen the two redesign and deployment phases to ensure cross-browser compatibility and responsiveness across multiple devices.

Indra also collaborated with Agile team to develop and implement the frontend user interface for Optimal Blue ASP.NET web application.

Wordpress/Roots.io PHP Laravel Blade UiKit CSS framework Sass Preprocessor Webpack Git
Information Architecture Visual Design Branding Guidelines
Responsive Design SEO Optimization Google Tag Manager


Nomis' industry-leading Pricing and Profitability Management platform is designed for leading bankers and lenders and built for results

Indra redesigned and maintained Nomis Solutions brochure website, and rebuild the marketing Hubspot-based blog and landing pages templates.

Web Application Design

Figma UX Design UI Prototype
Information Architecture Visual Design


Accumatch is the premier tax servicing and intelligence organization for regional and community lenders and was acquired by Lereta in October 6, 2020.

Indra conducted UX interviews and collaborated with Accumatch lead developer to upgrade the UI of Accumatch's tax services platform from modular Winform format to Lereta's web based application dashboard.

Figma UiKit CSS framework Less Preprocessor Webpack Vue.js Framework
Information Architecture Visual Design
Responsive Design


The Testimony Project is a registration portal for regional Christian conferences utilized by hundred of participants annualy.

Indra worked with a team of Vue developers and UX designers to improve the registration workflow process and to upgrade the UI design elements dashboard.

Design Elements

  • Branding Guidelines

    The corporate branding guidelines provide the graphics and design rules for the whole site or web application.

  • Wireframe Design

    Wireframe layout for in-depth look at the functionality of the site or web application.

  • Assets Resources Library

    Figma asset resources library for rapid functionality demonstration and prototype simulation.

  • Navigation Architecture

    Navigation layout to allow users identiy the structure of the information hierarchy.

  • High Fidelity Prototypes

    Multiple color themes with high fidelity prototypes from 1st to 2nd design stages.

    Screenshot Samples

    Homepage Video
    Mortgage Graph
    Demonstration on Multiple Devices
    Homepage Video
    Mortgage Graph
    Demonstration on Multiple Devices
    Product and Services Section
    Four-Column Layout Partner Section
    eBook Section
    Homepage Graphic
    Staff Highlights
    Company Overview Graphic
    Highlighted Categories
    Video Channels Page
    Two-column Layouts Webinar Series
    Contact Form
    Company Platform Graphic

    Marketing Collateral and Advertising

    Adobe Creative Suite Microsoft Power Point
    Graphic Design Marketing Collaboration Branding Guidelines


    Client Conference

    2017 Client Conference

    HTML Bootstrap CSS framework
    Marketing Collaboration Visual Design Branding Guidelines
    Responsive Design SEO Optimization


    Optimal Blue’s annual Client Conference is attended by hundreds of clients, partners, and mortgage vendors.

    Indra developed and maintained annual Client Conference website and supported the marketing team to design conference theme, email template, landing pages, multimedia and print collaterals.

    2015 Client Conference Homepage
    2016 Client Conference Homepage
    2017 Client Conference Homepage
    Session Type and Tracks Section
    Sponsorship Section
    Keynote Speaker Section
    Speaker Section
    Session Type and Tracks Section
    Sponsorship Section
    Email Invitation
    Sponsorhip Table
    Keynote Speaker Section

    Motion Graphics

    Adobe Creative Suite
    Graphics Animation Visual Design
    Audio Design Video Optimization


    WHAT PEOPLE SAY


    • Indra is a creative and capable web designer. He has a unique eye for design and is able to develop and implement advanced UX/UI’s under pressure, while juggling multiple perspectives and opinions. Above all else, he is always thoughtful, considerate, and an excellent team player!

      Samantha M.
      Corporate Marketing Manager

    • Indra is an absolute talent! For almost three years we worked together and I would rely heavily on him to implement many technical requirements for projects that I managed including; the many Google products used to track ads, web traffic, paid social, and keyword positioning. It's not a language that comes naturally to me and without Indra's expertise, I would have not been able to advance these campaigns. Additionally, he is a whiz at being able to create and/or manipulate emails and landing pages that were required to be responsive. Some individuals simply have his gift and I am forever appreciative of his assistance during our time at Optimal Blue together.

      Chaeli W.
      Marketing Communication Manager

    • Indra is a rare talent. He is an awesome front-end developer, designer, video editor AND he's a trustworthy, reliable character. It's always been a pleasure working with Indra.

      Ken L.
      Senior UX Architect

    • As a graphic designer, I worked alongside Indra on the marketing team for over six years. I was always impressed with his knowledge of modern technology trends and his ability to offer creative ideas and solutions to our projects. Indra consistently displayed the rare combination of excellent design and development skills - bringing our online company presence to a very high level. I totally recommend Indra, and really enjoyed working with him!

      Sara K.
      Graphic Designer

    • I have worked with Indra for six years, and he has always been responsive, helpful, and a great teammate with all of the tasks we send his way. I enjoyed working with him on our company WordPress upgrades, assisting in editing audio for our corporate call tree, photo enhancements, and much more. I know where ever he goes, that organization will be lucky to have him.

      Joseph H.
      System Administrator

    ABOUT

    SHORT BIO

    Indra started out with visual communication design and picked up multimedia design and front-end UI/UX development into his toolbox later on in his career. Altogether Indra has over 15 years of experience putting together frontend coding to work in tandem with UX development and creative design skills.


    Indra Sutedja
      • Frontend Web Development
      • Wireframes & High Fidelity Prototypes
      • SEO Optimization
      • Visual Communication Design
      • Branding Guidelines
      • Motion Graphics
      • PC and Mac compatible
      • Adobe After Effects
      • Adobe Illustrator
      • Adobe InDesign
      • Adobe Photoshop
      • Adobe Premiere Pro
      • Adobe XD
      • Figma
      • Microsoft Office
      • CSS (UIkit, Bootstrap & LESS)
      • Javascript
      • Google Analytics
      • Google Tag Manager
      • PHP & Wordpress
      • Marketing Automation (Pardot & Hubspot)
      • Visual Studio/Git
      • Webpack/node.js in the Vue.js framework

    Let's Connect!

    © Indralive. All rights reserved.