Design In Code – Artifact

Microsoft Myrole: 1:1 B2B Web App Design

Total precision in recreating design files in HTML, CSS, and JS.

Despite having designed over 100 learning paths within Microsoft Learning, the group responsible for new hires was tasked with building an onboarding experience. Under their ownership, they partnered with us to build the experience.

Given these circumstances, their group’s lead designer developed the visuals in Adobe XD. Our task was to recreate them in HTML/CSS/JS.

“Never have I worked with anyone that could recreate my designs in code with exact precision until I met you.” —Jae Bae, Microsoft Designer

July 19, 2019

View Project

Consol: SaaS Design & Development, Branding, Press Kit

Designing and building a productivity SaaS app, marketing funnel, and

Consol is a web-based productivity and chat SaaS app for personal and team projects. It was designed with the purpose of enabling users to see as much data as possible, see different content types placed together in context, and provide a customizable organization system driven by a hierarchy of tags.

Its foundational design philosophy is based on data density, specifically information scent—the data you can see leaves a “scent” you can follow. When implemented, user engagement and the speed of information retrieval increases.

September 18, 2017

View Project

Axis Point Health: Mobile Web App Design – Messaging App

Building a mobile web app design in code so it could be demo'ed to stakeholders before being developed.

Mobile app was design delivered in HTML, CSS, and JS so that the client’s sales team was able to demo the experience in a browser and test product validation before incurring development expenses

Created illustrations to drive outcomes data and product benefits to readers

Information within the messaging app was organized, in order, based on 1) what is most essential, 2) what is most pressing, and 3) what is most relevant

July 10, 2016

View Project