Skip to content

Commit

Permalink
redo case study navigation
Browse files Browse the repository at this point in the history
  • Loading branch information
ryan-parag committed Jun 12, 2022
1 parent 22b7711 commit 2450c10
Show file tree
Hide file tree
Showing 4 changed files with 43 additions and 26 deletions.
14 changes: 10 additions & 4 deletions components/Projects/index.js
Original file line number Diff line number Diff line change
Expand Up @@ -220,11 +220,11 @@ export const WorkItem = ({project}) => {
export const WorkList = ({work}) => {

const portfolio = {
name: 'Private Portfolio',
name: 'Private Portfolio 🔒',
description: 'Selected works and case studies',
image: '/static/projects/icon-lock.png',
link:'https://portfolio.ryanparag.com',
outbound: true
outbound: true,
}

return(
Expand Down Expand Up @@ -295,11 +295,17 @@ export default function Projects(){
image: '/static/projects/icon-wordle.png',
link:'/wordle/activity',
outbound: false
},{
}, {
name: 'Race Times',
description: 'A directory of translated race time schedules and leaderboards',
image: '/static/projects/icon-race-times.png',
link:'https://race-times.vercel.app/',
outbound: true
}, {
name: 'Slack Themes',
description: 'Having trouble keeping track of all of your Slack workspaces?',
image: '/static/projects/icon-slack-themes.png',
link:'https://slack-themes.now.sh/',
link:'https://slack-themes.vercel.app/',
outbound: true
}, {
name: 'TampaBay.design',
Expand Down
55 changes: 33 additions & 22 deletions projects/masonite.md
Original file line number Diff line number Diff line change
Expand Up @@ -12,48 +12,61 @@ platforms: ['Web', 'Mobile', 'Tablet']
---

### Projects
- [Design System](#design-system)
- [Masonite M-Pwr Smart Doors](#masonite-m-pwr-smart-doors)
- [Consumer Mobile App](#consumer-mobile-app)
- [Installation and Manufacturing App](#installation-and-manufacturing-app)
- [Door Configurator](#door-configurator)
- [Core ordering platform for home builders](#core-ordering-platform-for-home-builders)

### Case Studies
--------------------------------------------

### Design System

[🔒 Case Study: Design System](https://portfolio.ryanparag.com/projects/design-system)

- [🔒 Installing Smart Doors](https://portfolio.ryanparag.com/projects/installing-smart-doors)
- [🔒 Managing Doors in the Field](https://portfolio.ryanparag.com/projects/door-management)
- [🔒 A Multi-Platform Design System](https://portfolio.ryanparag.com/projects/design-system)
- [🔒 A Powered and Connected Door](https://portfolio.ryanparag.com/projects/a-powered-smart-door)
- [🔒 Order Management Platform](https://portfolio.ryanparag.com/projects/order-management-platform)
- [🔒 Door Configuration Made Easy](https://portfolio.ryanparag.com/projects/door-configuration-made-easy)
> Bridging our language across the web, mobile, print, and email.
![M-Pwr](../static/projects/masonite/m-pwr-2.png)
_A Multi-Platform Design System_

--------------------------------------------

### Masonite M-Pwr Smart Doors

This project was complex, and as such, requires multiple teams to manage - we needed to build a door system that is directly powered from a home, as well as have a mobile app & IoT infrastructure to support the embedded features (multiple sensors, third-party cameras & locks, LED lightning, etc.). [Take a look!](https://residential.masonite.com/product/exterior-doors/smart/)

> Users need a way to manage and control a powered and connected door conveniently with their mobile phones and with their home automation applications.
#### Consumer Mobile App

![M-Pwr](../static/projects/masonite/m-pwr-1.png)
_Consumer mobile app for smart doors_
[🔒 Case Study: Consumer Mobile](https://portfolio.ryanparag.com/projects/a-powered-smart-door)

![M-Pwr](../static/projects/masonite/m-pwr-2.png)
_Mobile design system_
> Users need a way to manage and control a powered and connected door conveniently with their mobile phones and with their home automation applications.
![M-Pwr](../static/projects/masonite/m-pwr-3.png)

#### Installation and Manufacturing Apps

[🔒 Case Study: Installer/Manufacturer](https://portfolio.ryanparag.com/projects/installing-smart-doors)

> An application to help test and replace parts of a powered smart door
![M-Pwr](../static/projects/masonite/m-pwr-6.png)
_Testing application for manufacturing and home installers_

#### Case Studies
#### Internal Management

[🔒 Case Study: Internal Management](https://portfolio.ryanparag.com/projects/door-management)

> Helping internal team members manage doors in the field, upgrade cloud devices remotely, and much more.
- [🔒 A Powered and Connected Door](https://portfolio.ryanparag.com/projects/a-powered-smart-door)
- [🔒 Installing Smart Doors](https://portfolio.ryanparag.com/projects/installing-smart-doors)
- [🔒 Managing Doors in the Field](https://portfolio.ryanparag.com/projects/door-management)
![M-Pwr](../static/projects/masonite/omni.png)

--------------------------------------------

### Door Configurator

[🔒 Case Study: Configurator](https://portfolio.ryanparag.com/projects/door-configuration-made-easy)

The exterior door configurator is an app that allows our users to build a custom door and quickly assess their new door per their unique specifications.

After configuring a door, our contractor clients are able to add the item to a lead/quote under the core ordering platform for home builders and contractors.
Expand All @@ -72,14 +85,14 @@ _Tracking user interviews_
_Configuring and filtering for details_
![Door Configurator](../static/projects/masonite/dc-4.png)

#### Case Studies

- [🔒 Door Configuration Made Easy](https://portfolio.ryanparag.com/projects/door-configuration-made-easy)
[🔒 Case Study: Configurator](https://portfolio.ryanparag.com/projects/door-configuration-made-easy)

--------------------------------------------

### Core ordering platform for home builders

[🔒 Case Study: Order Management](https://portfolio.ryanparag.com/projects/order-management-platform)

The core ordering platforms allows the various customers of Masonite to configure door systems from one of the many business units. Using qualitative research, market data, and iterative design methods, an application was created to help buyers (contractors, dealers, retailers, etc.) configure, quote, order and track their purchases.

> Help contractors, dealers, and distributors connect with homeowners, enable their sales teams, manage their orders, and gain insights into their business
Expand All @@ -93,6 +106,4 @@ _Single platform + configurable design tokens = cohesive product experience acro

![M-Pwr](../static/projects/masonite/dc-7.png)

#### Case Studies

- [🔒 Order Management Platform](https://portfolio.ryanparag.com/projects/order-management-platform)
[🔒 Case Study: Order Management](https://portfolio.ryanparag.com/projects/order-management-platform)
Binary file added public/static/projects/icon-race-times.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/static/projects/masonite/omni.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

1 comment on commit 2450c10

@vercel
Copy link

@vercel vercel bot commented on 2450c10 Jun 12, 2022

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Please sign in to comment.