{"id":701,"date":"2026-08-28T22:26:26","date_gmt":"2026-08-28T22:26:26","guid":{"rendered":"https:\/\/lanealnancestudio.com\/?page_id=701"},"modified":"2026-08-28T22:26:26","modified_gmt":"2026-08-28T22:26:26","slug":"web-design","status":"publish","type":"page","link":"https:\/\/lanealnancestudio.com\/?page_id=701","title":{"rendered":"Web Design"},"content":{"rendered":"    <main class=\"lnsp-page lnsp-web-design-page\">\n      <header class=\"lnsp-page-hero lnsp-page-hero--dark\"><div class=\"lnsp-shell\"><p class=\"lnsp-eyebrow\">Web Design & Digital Experiences<\/p><h1>Websites designed around<br><span class=\"lnsp-web-hero-emphasis\">how people actually use them.<\/span><\/h1><p>Explore selected websites directly inside the devices they were designed for.<\/p><div class=\"lnsp-actions\"><a class=\"lnsp-btn lnsp-btn--ghost-light\" href=\"#web-camcorderfilmz\">Explore the Work<span aria-hidden=\"true\">\u2197<\/span><\/a><a class=\"lnsp-btn lnsp-btn--primary\" href=\"https:\/\/lanealnancestudio.com\/contact\/?service=Web%20Design\">Start a Web Project<span aria-hidden=\"true\">\u2197<\/span><\/a><\/div><\/div><\/header>\n      <section class=\"lnsp-web-showcase\"><div class=\"lnsp-shell\"><div class=\"lnsp-kicker-row\"><span>Selected Digital Experiences<\/span><span>UX \u00b7 UI \u00b7 Development \u00b7 Product Design<\/span><\/div>    <article class=\"lnsp-web-project\" id=\"web-camcorderfilmz\">\n      <div class=\"lnsp-web-project__story\">\n        <div class=\"lnsp-web-project__topline\"><span>01<\/span><span>Website \/ UX \/ Development<\/span><\/div>\n        <h2>CamcorderFilmz<\/h2>\n        <p class=\"lnsp-web-project__summary\">A cinematic portfolio experience designed around film, motion, and project discovery.<\/p>\n        <div class=\"lnsp-web-project__details\">\n          <div><strong>The Problem<\/strong><p>A filmmaker portfolio can easily become a wall of thumbnails. The goal was to make browsing work feel closer to discovering a film than scanning a conventional service website.<\/p><\/div>\n          <div><strong>The Approach<\/strong><p>The interface prioritizes motion, project discovery, large imagery, mobile interaction, and a dark cinematic visual system.<\/p><\/div>\n        <\/div>\n        <div class=\"lnsp-feature-chips\"><span>Mobile-first experience<\/span><span>Cinematic project discovery<\/span><span>Responsive video presentation<\/span><span>Custom portfolio system<\/span><span>WordPress + Divi<\/span><\/div>\n        <div class=\"lnsp-actions\">\n          <a class=\"lnsp-btn lnsp-btn--dark\" href=\"https:\/\/camcorderfilmz.com\/\">Visit Website<span aria-hidden=\"true\">\u2197<\/span><\/a>          <a class=\"lnsp-btn lnsp-btn--ghost\" href=\"https:\/\/lanealnancestudio.com\/contact\/?service=Web%20Design\">Start a Web Project<span aria-hidden=\"true\">\u2197<\/span><\/a>        <\/div>\n      <\/div>\n      <div class=\"lnsp-web-project__device\">    <div class=\"lnsp-device-stage\" data-lnsp-device-stage data-default-view=\"phone\">\n            <div class=\"lnsp-device-canvas\">\n                <div class=\"lnsp-device-view is-active\" data-device-view=\"phone\">\n          <div class=\"lnsp-phone\" aria-label=\"CamcorderFilmz mobile website preview\">\n            <div class=\"lnsp-phone__shell\">\n              <div class=\"lnsp-phone__island\"><\/div>\n              <div class=\"lnsp-phone__screen\" data-preview-screen data-viewport-width=\"390\" data-viewport-height=\"844\">\n                <iframe src=\"https:\/\/camcorderfilmz.com\/\" title=\"CamcorderFilmz mobile preview\" loading=\"lazy\" referrerpolicy=\"strict-origin-when-cross-origin\"><\/iframe>\n              <\/div>\n            <\/div>\n          <\/div>\n          <p class=\"lnsp-device-hint\">Scroll inside the phone to explore the live experience.<\/p>\n        <\/div>\n                      <\/div>\n      <div class=\"lnsp-embed-fallback\">If the live preview is blocked by the website's security settings, <a href=\"https:\/\/camcorderfilmz.com\/\" target=\"_blank\" rel=\"noopener\">open CamcorderFilmz in a new tab \u2197<\/a>.<\/div>\n    <\/div>\n    <\/div>\n    <\/article>\n        <article class=\"lnsp-web-project\" id=\"web-laneal-nance-studios\">\n      <div class=\"lnsp-web-project__story\">\n        <div class=\"lnsp-web-project__topline\"><span>02<\/span><span>Creative Direction \/ UX \/ Web Development<\/span><\/div>\n        <h2>LaNeal Nance Studios<\/h2>\n        <p class=\"lnsp-web-project__summary\">An editorial portfolio system that combines film, photography, design, strategy, and personal creative work inside one coherent brand experience.<\/p>\n        <div class=\"lnsp-web-project__details\">\n          <div><strong>The Problem<\/strong><p>A multidisciplinary practice can feel unfocused if every discipline is presented as a separate identity.<\/p><\/div>\n          <div><strong>The Approach<\/strong><p>The site uses an editorial visual hierarchy, cinematic imagery, restrained motion, and systems-focused language to make multiple capabilities feel like one practice.<\/p><\/div>\n        <\/div>\n        <div class=\"lnsp-feature-chips\"><span>Editorial portfolio system<\/span><span>Responsive art direction<\/span><span>Dynamic project content<\/span><span>Service architecture<\/span><span>WordPress + Divi<\/span><\/div>\n        <div class=\"lnsp-actions\">\n          <a class=\"lnsp-btn lnsp-btn--dark\" href=\"https:\/\/lanealnancestudio.com\/\">Visit Website<span aria-hidden=\"true\">\u2197<\/span><\/a>          <a class=\"lnsp-btn lnsp-btn--ghost\" href=\"https:\/\/lanealnancestudio.com\/contact\/?service=Web%20Design\">Start a Web Project<span aria-hidden=\"true\">\u2197<\/span><\/a>        <\/div>\n      <\/div>\n      <div class=\"lnsp-web-project__device\">    <div class=\"lnsp-device-stage\" data-lnsp-device-stage data-default-view=\"phone\">\n            <div class=\"lnsp-device-switch\" role=\"group\" aria-label=\"Preview device\">\n        <button type=\"button\" class=\"is-active\" data-device=\"phone\">Mobile<\/button>\n        <button type=\"button\" data-device=\"desktop\">Desktop<\/button>\n      <\/div>\n            <div class=\"lnsp-device-canvas\">\n                <div class=\"lnsp-device-view is-active\" data-device-view=\"phone\">\n          <div class=\"lnsp-phone\" aria-label=\"LaNeal Nance Studios mobile website preview\">\n            <div class=\"lnsp-phone__shell\">\n              <div class=\"lnsp-phone__island\"><\/div>\n              <div class=\"lnsp-phone__screen\" data-preview-screen data-viewport-width=\"390\" data-viewport-height=\"844\">\n                <iframe src=\"https:\/\/lanealnancestudio.com\/\" title=\"LaNeal Nance Studios mobile preview\" loading=\"lazy\" referrerpolicy=\"strict-origin-when-cross-origin\"><\/iframe>\n              <\/div>\n            <\/div>\n          <\/div>\n          <p class=\"lnsp-device-hint\">Scroll inside the phone to explore the live experience.<\/p>\n        <\/div>\n                        <div class=\"lnsp-device-view \" data-device-view=\"desktop\">\n          <div class=\"lnsp-browser\" aria-label=\"LaNeal Nance Studios desktop website preview\">\n            <div class=\"lnsp-browser__bar\"><span><\/span><span><\/span><span><\/span><div class=\"lnsp-browser__address\">lanealnancestudio.com<\/div><\/div>\n            <div class=\"lnsp-browser__screen\" data-preview-screen data-viewport-width=\"1440\" data-viewport-height=\"900\"><iframe src=\"https:\/\/lanealnancestudio.com\/\" title=\"LaNeal Nance Studios desktop preview\" loading=\"lazy\" referrerpolicy=\"strict-origin-when-cross-origin\"><\/iframe><\/div>\n          <\/div>\n          <p class=\"lnsp-device-hint\">Scroll inside the browser to explore the live experience.<\/p>\n        <\/div>\n              <\/div>\n      <div class=\"lnsp-embed-fallback\">If the live preview is blocked by the website's security settings, <a href=\"https:\/\/lanealnancestudio.com\/\" target=\"_blank\" rel=\"noopener\">open LaNeal Nance Studios in a new tab \u2197<\/a>.<\/div>\n    <\/div>\n    <\/div>\n    <\/article>\n        <article class=\"lnsp-web-project\" id=\"web-regal-one\">\n      <div class=\"lnsp-web-project__story\">\n        <div class=\"lnsp-web-project__topline\"><span>03<\/span><span>Product Design \/ UX \/ Web Application<\/span><\/div>\n        <h2>Regal ONE<\/h2>\n        <p class=\"lnsp-web-project__summary\">A sales-operations platform designed as a working digital system rather than a brochure website.<\/p>\n        <div class=\"lnsp-web-project__details\">\n          <div><strong>The Problem<\/strong><p>Sales production, commissions, teams, training, reporting, and employee progress often live across disconnected tools and manual workflows.<\/p><\/div>\n          <div><strong>The Approach<\/strong><p>Regal ONE organizes those workflows into a role-aware dashboard experience designed for daily field use, leadership visibility, and mobile access.<\/p><\/div>\n        <\/div>\n        <div class=\"lnsp-feature-chips\"><span>Dashboard<\/span><span>Sales tracking<\/span><span>Teams<\/span><span>Commission<\/span><span>Training<\/span><span>Reporting<\/span><span>Profiles<\/span><\/div>\n        <div class=\"lnsp-actions\">\n          <a class=\"lnsp-btn lnsp-btn--dark\" href=\"https:\/\/regalresolutionsinc.com\/\">Visit Website<span aria-hidden=\"true\">\u2197<\/span><\/a>          <a class=\"lnsp-btn lnsp-btn--ghost\" href=\"https:\/\/lanealnancestudio.com\/contact\/?service=Web%20Design\">Start a Web Project<span aria-hidden=\"true\">\u2197<\/span><\/a>        <\/div>\n      <\/div>\n      <div class=\"lnsp-web-project__device\">    <div class=\"lnsp-device-stage\" data-lnsp-device-stage data-default-view=\"phone\">\n            <div class=\"lnsp-device-switch\" role=\"group\" aria-label=\"Preview device\">\n        <button type=\"button\" class=\"is-active\" data-device=\"phone\">Mobile<\/button>\n        <button type=\"button\" data-device=\"desktop\">Desktop<\/button>\n      <\/div>\n            <div class=\"lnsp-device-canvas\">\n                <div class=\"lnsp-device-view is-active\" data-device-view=\"phone\">\n          <div class=\"lnsp-phone\" aria-label=\"Regal ONE mobile website preview\">\n            <div class=\"lnsp-phone__shell\">\n              <div class=\"lnsp-phone__island\"><\/div>\n              <div class=\"lnsp-phone__screen\" data-preview-screen data-viewport-width=\"390\" data-viewport-height=\"844\">\n                <iframe src=\"https:\/\/regalresolutionsinc.com\/\" title=\"Regal ONE mobile preview\" loading=\"lazy\" referrerpolicy=\"strict-origin-when-cross-origin\"><\/iframe>\n              <\/div>\n            <\/div>\n          <\/div>\n          <p class=\"lnsp-device-hint\">Scroll inside the phone to explore the live experience.<\/p>\n        <\/div>\n                        <div class=\"lnsp-device-view \" data-device-view=\"desktop\">\n          <div class=\"lnsp-browser\" aria-label=\"Regal ONE desktop website preview\">\n            <div class=\"lnsp-browser__bar\"><span><\/span><span><\/span><span><\/span><div class=\"lnsp-browser__address\">regalresolutionsinc.com<\/div><\/div>\n            <div class=\"lnsp-browser__screen\" data-preview-screen data-viewport-width=\"1440\" data-viewport-height=\"900\"><iframe src=\"https:\/\/regalresolutionsinc.com\/\" title=\"Regal ONE desktop preview\" loading=\"lazy\" referrerpolicy=\"strict-origin-when-cross-origin\"><\/iframe><\/div>\n          <\/div>\n          <p class=\"lnsp-device-hint\">Scroll inside the browser to explore the live experience.<\/p>\n        <\/div>\n              <\/div>\n      <div class=\"lnsp-embed-fallback\">If the live preview is blocked by the website's security settings, <a href=\"https:\/\/regalresolutionsinc.com\/\" target=\"_blank\" rel=\"noopener\">open Regal ONE in a new tab \u2197<\/a>.<\/div>\n    <\/div>\n    <\/div>\n    <\/article>\n    <\/div><\/section>      <section class=\"lnsp-section lnsp-dark lnsp-web-method\"><div class=\"lnsp-shell\"><div class=\"lnsp-editorial-head\"><h2>Not screenshots.<br>Experiences.<\/h2><div><p>A website is an interface people move through, not a static composition. These previews are presented as working experiences so the interaction, hierarchy, responsiveness, and content system can be evaluated in context.<\/p><p>Each project is approached as a combination of strategy, information architecture, interface design, responsive development, and ongoing content operations.<\/p><\/div><\/div><\/div><\/section>\n      <section class=\"lnsp-section lnsp-process\"><div class=\"lnsp-shell\"><div class=\"lnsp-kicker-row\"><span>Process<\/span><span>Structured from objective to delivery<\/span><\/div><div class=\"lnsp-process-grid\"><article><strong>01<\/strong><h3>Understand<\/h3><p>Define the objective, audience, constraints, and intended outcome.<\/p><\/article><article><strong>02<\/strong><h3>Build<\/h3><p>Develop the strategy and create with structure and intent.<\/p><\/article><article><strong>03<\/strong><h3>Refine<\/h3><p>Evaluate, adjust, and strengthen the work through feedback.<\/p><\/article><article><strong>04<\/strong><h3>Deliver<\/h3><p>Launch a finished product built for the environment it needs to perform in.<\/p><\/article><\/div><\/div><\/section>      <section class=\"lnsp-cta-band\"><div class=\"lnsp-shell\"><p class=\"lnsp-eyebrow\">Need a Website?<\/p><h2>Build the experience around the outcome.<\/h2><p>From portfolio sites to operational platforms, the interface should make the next action obvious.<\/p><a class=\"lnsp-btn lnsp-btn--primary\" href=\"https:\/\/lanealnancestudio.com\/contact\/?service=Web%20Design\">Start a Web Project<span aria-hidden=\"true\">\u2197<\/span><\/a><\/div><\/section>\n    <\/main>\n    \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-701","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/lanealnancestudio.com\/index.php?rest_route=\/wp\/v2\/pages\/701","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lanealnancestudio.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lanealnancestudio.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lanealnancestudio.com\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/lanealnancestudio.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=701"}],"version-history":[{"count":1,"href":"https:\/\/lanealnancestudio.com\/index.php?rest_route=\/wp\/v2\/pages\/701\/revisions"}],"predecessor-version":[{"id":736,"href":"https:\/\/lanealnancestudio.com\/index.php?rest_route=\/wp\/v2\/pages\/701\/revisions\/736"}],"wp:attachment":[{"href":"https:\/\/lanealnancestudio.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=701"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}