https://www.npweber.com/home daily 0.75 2021-03-15 https://www.npweber.com/about daily 0.75 2021-07-10 https://static1.squarespace.com/static/604ece5478231847fc110d21/t/60543204c9f0b4323de953bf/1616134410348/lighter1.jpg About - “I want to make peoples’ everyday interactions with technology less stressful and maybe even bring them joy.“ ~Nathan Weber https://www.npweber.com/general-1 daily 0.75 2021-03-15 https://static1.squarespace.com/static/604ece5478231847fc110d21/t/604fdef189fa7616eb7de6c9/1598293768799/ General 1 - Make it stand out. It all begins with an idea. Maybe you want to launch a business. Maybe you want to turn a hobby into something more. Or maybe you have a creative project to share with the world. Whatever it is, the way you tell your story online can make all the difference. https://static1.squarespace.com/static/604ece5478231847fc110d21/t/604fdef189fa7616eb7de6cc/1598293774017/ General 1 - Make it stand out. It all begins with an idea. Maybe you want to launch a business. Maybe you want to turn a hobby into something more. Or maybe you have a creative project to share with the world. Whatever it is, the way you tell your story online can make all the difference. https://www.npweber.com/work daily 1.0 2021-04-26 https://www.npweber.com/work/electric-dusk monthly 0.5 2021-03-19 https://static1.squarespace.com/static/604ece5478231847fc110d21/t/6052762837c5a315e0d11585/1616016961086/Group+18.jpg Work - Electric Dusk Drive-In https://static1.squarespace.com/static/604ece5478231847fc110d21/t/60527a5af6ee2e1aff0d9050/1616018186723/crop-1.jpg Work - Electric Dusk Drive-In - Electric Dusk Drive-In is LA’s longest running pop up drive-in movie theater. Providing a friendly, fun and retro experience, they show new and classic movies for all ages. https://static1.squarespace.com/static/604ece5478231847fc110d21/t/6052a18f0c017759c5f8ff98/1616028086064/P3-edHomepage1.png Work - Electric Dusk Drive-In - At first glance, we could see issues with the information hierarchy on the page. The site is dominated by ads and banners containing no information about what movies are playing or when. The global navigation does not provide the information that the majority of users will be looking for such as: showtimes, calendar, hours of operation, prices, and food and drink. https://static1.squarespace.com/static/604ece5478231847fc110d21/t/6054009ddf398738a1521ce0/1616117935037/p3-competitive.png Work - Electric Dusk Drive-In https://static1.squarespace.com/static/604ece5478231847fc110d21/t/605400c31a4f6e4fa828d27a/1616117969283/p3-comparative.png Work - Electric Dusk Drive-In https://static1.squarespace.com/static/604ece5478231847fc110d21/t/6052beb6933c4c2012057f6e/1616035537298/Screen+Shot+2021-03-17+at+7.44.00+PM.png Work - Electric Dusk Drive-In https://static1.squarespace.com/static/604ece5478231847fc110d21/t/6052c2f181ad2b572de6c79c/1616036761392/persona1doug.jpg Work - Electric Dusk Drive-In https://static1.squarespace.com/static/604ece5478231847fc110d21/t/6052cc36fe45915ce4d86a81/1616039016881/Screen%2BShot%2B2021-03-17%2Bat%2B8.34.17%2BPM.jpg Work - Electric Dusk Drive-In https://static1.squarespace.com/static/604ece5478231847fc110d21/t/6052cf71d1b52f422f29642e/1616107287196/Screen%2BShot%2B2021-03-17%2Bat%2B8.55.05%2BPM.jpg Work - Electric Dusk Drive-In - Sitemap In order to update the information hierarchy of the site, we created a sitemap to reference as we moved into the visual design. https://static1.squarespace.com/static/604ece5478231847fc110d21/t/605409a355f258432cb4dffa/1616120388871/sketchesfrm1.jpg Work - Electric Dusk Drive-In Lo-fi Sketches https://static1.squarespace.com/static/604ece5478231847fc110d21/t/605408f2df398738a152a5c9/1616120564417/midfi-3.jpg Work - Electric Dusk Drive-In Design System & Component Library https://static1.squarespace.com/static/604ece5478231847fc110d21/t/605409d64d35de35c56f8757/1616120449571/hifi-3.jpg Work - Electric Dusk Drive-In Hi-fi Wireframes https://static1.squarespace.com/static/604ece5478231847fc110d21/t/6053d3824e4af10aaf08aed8/1616106379234/SUS-Andy.jpg Work - Electric Dusk Drive-In https://static1.squarespace.com/static/604ece5478231847fc110d21/t/6053d16ca79fd1747a0bc4cc/1616109882283/Group+18.jpg Work - Electric Dusk Drive-In https://www.npweber.com/work/new-portfolio-item monthly 0.5 2021-04-26 https://static1.squarespace.com/static/604ece5478231847fc110d21/t/60864e8374c1c9716987dd71/1619414868741/60761abfc94594701a807699_problem%2Bstatement%2Bmocckup.jpg Work - Onepanel Current Onepanel IDE https://static1.squarespace.com/static/604ece5478231847fc110d21/t/6086215985abfc4d36742059/1619403302780/heur+test.gif Work - Onepanel https://static1.squarespace.com/static/604ece5478231847fc110d21/t/608621dd2cc786003937ca69/1619403290499/heur+2.gif Work - Onepanel https://static1.squarespace.com/static/604ece5478231847fc110d21/t/608623d3998e6d1327f025cc/1619403744445/compet.png Work - Onepanel https://static1.squarespace.com/static/604ece5478231847fc110d21/t/608624f207caec3ca3279140/1623350431796/Nicolas+Persona+1.jpg Work - Onepanel After synthesizing our research on the current IDE market and becoming more acclimated with Onepanel's own IDE, we started to narrow in on our target user base. Therefore, we created a user persona which not only embodies our target user group but also addresses the pain points and user goals outlined through our research. The persona helped us develop our problem statement and a solution based framework going forward. https://static1.squarespace.com/static/604ece5478231847fc110d21/t/6086272d0c9e0f1386720b67/1619404595451/607787cc423da1d14561e21a_good+frame.png Work - Onepanel https://static1.squarespace.com/static/604ece5478231847fc110d21/t/608627164125a72affcc8367/1619404573709/607787c82c0c2cbf9a5e80de_bad+frame.png Work - Onepanel https://static1.squarespace.com/static/604ece5478231847fc110d21/t/608629c507caec3ca32806fc/1619406011503/60788248f4ad6d6fbedb6725_Sketches+v3.png Work - Onepanel https://static1.squarespace.com/static/604ece5478231847fc110d21/t/608629bb6a87341dd3fa16fd/1619406011500/60788248d5e3523529c6fc01_Sketches+v2.png Work - Onepanel https://static1.squarespace.com/static/604ece5478231847fc110d21/t/608629af459fe342811cb28e/1619406011493/6078824816c3356c765d65b7_Sketches+v1.png Work - Onepanel https://static1.squarespace.com/static/604ece5478231847fc110d21/t/60863133b3d6842ee7fb1cc1/1619407165004/Workspace+Template.v1+-+Blank+Canvas.jpg Work - Onepanel https://static1.squarespace.com/static/604ece5478231847fc110d21/t/608630eaccc2a078c800d945/1619407095874/Workspace+Active+Create.v1+-+Blank+Canvas.jpg Work - Onepanel https://static1.squarespace.com/static/604ece5478231847fc110d21/t/6086319799eac2108e5f378c/1619407265159/Iteration+2.jpg Work - Onepanel https://static1.squarespace.com/static/604ece5478231847fc110d21/t/6086337307caec3ca328a8cf/1619407739556/6078b72329357056c7a2759b_lowfi+1-2.png Work - Onepanel https://static1.squarespace.com/static/604ece5478231847fc110d21/t/6086333768bf6c6a744954c0/1619407711799/6078b70f0b611693d9afde33_lowfi+2-2.png Work - Onepanel https://static1.squarespace.com/static/604ece5478231847fc110d21/t/60863e1913e655292fdecde4/1619410463575/Screen+Shot+2021-04-25+at+9.14.09+PM.png Work - Onepanel https://static1.squarespace.com/static/604ece5478231847fc110d21/t/60863e3484071c56e00c56f7/1619410490008/Screen+Shot+2021-04-25+at+9.12.20+PM.png Work - Onepanel https://static1.squarespace.com/static/604ece5478231847fc110d21/t/6086460ccd0a1821024b68f2/1619412530603/workflowsGIF.gif Work - Onepanel - Workflows Workflows allow you the ability to execute and run models. At first glance, you can view the status of previously ran or currently running workflows. If you want to execute a workflow, simply click 'Execute Workflow' to start initializing parameters. Onepanel allows users to select a variety of templates or you can create one from scratch. To do so, simply click 'Templates' within the main panel to view or edit. Once a model is initialized and executed, the work canvas will populate and start to run. https://static1.squarespace.com/static/604ece5478231847fc110d21/t/6086482f3fc0f8661090a366/1619413074940/WorkspacesGIF.gif Work - Onepanel - Workspaces Similar to Workflows, Workspaces allow you to execute an external environment within the the IDE as long as its running Kubernetes. In this example, you can launch CVAT to perform image annotation once you initialize your workspace. Once the workspace is initialized and ran, it will launch within the canvas space. https://static1.squarespace.com/static/604ece5478231847fc110d21/t/608648872dc9ea4e2f9a50ff/1619413153458/NEWcannvasGIF.gif Work - Onepanel - Add a New Canvas The tab bar grants flexibility to a user by customizing workflows and workspaces to their liking. If a user wants to view multiple screens at a time, they can either duplicate a tab or split the canvas space by columns or rows. A new tab bar will display within the new canvas. The opportunities are near endless with the amount of canvas spaces you can create, allowing flexible workflows and workspaces. https://www.npweber.com/work/serenity monthly 0.5 2021-06-28 https://static1.squarespace.com/static/604ece5478231847fc110d21/t/60da8bba3306f052e2dd41bc/1624935375419/tech-slide2.png Work - Serenity: June Hackathon Winning Design - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://static1.squarespace.com/static/604ece5478231847fc110d21/t/60da8fbc0f7849516d81f4bd/1624936393169/P6+competi...png Work - Serenity: June Hackathon Winning Design https://static1.squarespace.com/static/604ece5478231847fc110d21/t/60da6679b08378112e320520/1624925821254/persona2.png Work - Serenity: June Hackathon Winning Design https://static1.squarespace.com/static/604ece5478231847fc110d21/t/60da6897caa5eb48ba3aefa5/1624926362214/lofi-hack2.png Work - Serenity: June Hackathon Winning Design https://static1.squarespace.com/static/604ece5478231847fc110d21/t/60da69137f6cbf26a7990e41/1624926488623/Hifi-hack2.png Work - Serenity: June Hackathon Winning Design https://static1.squarespace.com/static/604ece5478231847fc110d21/t/60da6b4b9675e403f8216411/1624927217342/P6+style+portfolio.png Work - Serenity: June Hackathon Winning Design - Branding To ensure that the developers would have everything they would need to begin building the demo, we handed off a detailed style sheet. https://static1.squarespace.com/static/604ece5478231847fc110d21/t/60da6daced2b5b3d78d46a6b/1624927728177/proto1P6.png Work - Serenity: June Hackathon Winning Design - Make it stand out Whatever it is, the way you tell your story online can make all the difference.