UXI-Header-Image

UXi

A front-end website builder and design tool.

UXi

A front-end website builder and design tool.

UXi

A front-end website builder and design tool.

Challenges & Goals
Challenges & Goals
Challenges & Goals

Create a tool that gives designers the creative freedom to build a website, without the hastle of coding. Enable the in-house design team to quickly create and edit websites.

Create a tool that gives designers the creative freedom to build a website, without the hastle of coding. Enable the in-house design team to quickly create and edit websites.

Create a tool that gives designers the creative freedom to build a website, without the hastle of coding. Enable the in-house design team to quickly create and edit websites.

Company
Company
Company

Madwire

Madwire

Madwire

Role
Role
Role

Product Designer

Product Designer

Product Designer

Phase 1 ~ Research

User Interviews

Proto-Personas

Product Goals

Phase 2 ~ Ideation

Journey Maps

Information Architecture

Sketches & Wireframes

Phase 3 ~ Iterative Design

Prototypes

Usability Tests

Design Refinement

User Personas

This product had one primary user, an in-house web designer.

UXi-User-Persona

Custom Icons

 

UXi-Icons-2

Initial Starting Layout

Rather than starting with a blank slate, this allows the user

to start design work more quickly and efficiently.

Initial Starting Layout

Rather than starting with a blank slate, this allows the user to start design work more quickly and efficiently.

UXi-image-1
UXi-image-2
UXi-image-3

Design Styles

This section was designed to give the user full control over global design styles.

Creating an efficient way to make site wide style changes and initial setup.

Design Styles

This section was designed to give the user full control over global design styles. Creating an efficient way to make site wide style changes and initial setup.

UXi-image-4
UXi-image-5
UXi-image-6
UXi-image-16

Layout Editing

This section was designed to give the user creative freedom

by editing and adjusting the website layout.

Layout Editing

This section was designed to give the user creative freedom by editing and adjusting the website layout.

UXi-image-7
UXi-image-8

Pages & Navigation

This section was designed for the user to easily edit and

manage the websites pages and navigation, without leaving the front-end.

Pages & Navigation

This section was designed for the user to easily edit and manage the websites pages and navigation, without leaving the front-end.

UXi-image-9
UXi-image-10

Content

The content editor was designed for the user to easily

add and edit content directly onto the website.

Content

The content editor was designed for the user to easily add and edit content directly onto the website.

UXi-image-11
UXi-image-12
UXi-image-19
UXi-image-18
UXi-image-17

More Projects

WNBAMobile UI/UX - Motion - Design System

Paris 2024 OlympicsDesign Direction & Strategy - Customer Journey

PeaceHealthMobile UI/UX - Design System

Marriott BonvoyDesign Direction & Strategy - Customer Journeys

Marketing 360Web UI/UX

Top Rated LocalMobile UI/UX

MadOfficeWeb UI/UX