A complete website redesign for Kerri McClain Hypnotherapy, focused on creating a calmer, more intuitive experience that better reflects her practice. The redesign improved the overall flow of the site, made content easier to read and navigate, and introduced a more cohesive visual identity.
A complete website redesign for Kerri McClain Hypnotherapy, focused on creating a calmer, more intuitive experience that better reflects her practice. The redesign improved the overall flow of the site, made content easier to read and navigate, and introduced a more cohesive visual identity.
The existing site had dense content, inconsistent text and button sizing, mobile layout issues, and an overall flow that made information difficult to digest. The original homepage video also had playback issues and didn’t fully reflect Kerri’s vision, although maintaining video was important to her. My goal was to improve readability and navigation, create greater visual consistency across devices, and find a way to incorporate video without compromising text legibility or performance.
Working directly with Kerri throughout the redesign, I translated the feeling she wanted her practice to convey into a calmer, warmer, and more cohesive digital experience. I reorganized and simplified content, standardized typography and buttons, resolved mobile layout issues, and created clearer pathways toward booking a consultation. For the homepage, I replaced the problematic video treatment with a new solution that preserved the movement Kerri wanted while using a subtle overlay to keep the text clear and readable. The final Squarespace site balances her creative vision with usability, responsiveness, and the platform’s technical constraints.
A complete website redesign for Kerri McClain Hypnotherapy, focused on creating a calmer, more intuitive experience that better reflects her practice. The redesign improved the overall flow of the site, made content easier to read and navigate, and introduced a more cohesive visual identity.
The existing site had dense content, inconsistent text and button sizing, mobile layout issues, and an overall flow that made information difficult to digest. The original homepage video also had playback issues and didn’t fully reflect Kerri’s vision, although maintaining video was important to her. My goal was to improve readability and navigation, create greater visual consistency across devices, and find a way to incorporate video without compromising text legibility or performance.
Working directly with Kerri throughout the redesign, I translated the feeling she wanted her practice to convey into a calmer, warmer, and more cohesive digital experience. I reorganized and simplified content, standardized typography and buttons, resolved mobile layout issues, and created clearer pathways toward booking a consultation. For the homepage, I replaced the problematic video treatment with a new solution that preserved the movement Kerri wanted while using a subtle overlay to keep the text clear and readable. The final Squarespace site balances her creative vision with usability, responsiveness, and the platform’s technical constraints.
A complete website redesign for Kerri McClain Hypnotherapy, focused on creating a calmer, more intuitive experience that better reflects her practice. The redesign improved the overall flow of the site, made content easier to read and navigate, and introduced a more cohesive visual identity.
The existing site had dense content, inconsistent text and button sizing, mobile layout issues, and an overall flow that made information difficult to digest. The original homepage video also had playback issues and didn’t fully reflect Kerri’s vision, although maintaining video was important to her. My goal was to improve readability and navigation, create greater visual consistency across devices, and find a way to incorporate video without compromising text legibility or performance.
Working directly with Kerri throughout the redesign, I translated the feeling she wanted her practice to convey into a calmer, warmer, and more cohesive digital experience. I reorganized and simplified content, standardized typography and buttons, resolved mobile layout issues, and created clearer pathways toward booking a consultation. For the homepage, I replaced the problematic video treatment with a new solution that preserved the movement Kerri wanted while using a subtle overlay to keep the text clear and readable. The final Squarespace site balances her creative vision with usability, responsiveness, and the platform’s technical constraints.
A complete website redesign for Kerri McClain Hypnotherapy, focused on creating a calmer, more intuitive experience that better reflects her practice. The redesign improved the overall flow of the site, made content easier to read and navigate, and introduced a more cohesive visual identity.
The existing site had dense content, inconsistent text and button sizing, mobile layout issues, and an overall flow that made information difficult to digest. The original homepage video also had playback issues and didn’t fully reflect Kerri’s vision, although maintaining video was important to her. My goal was to improve readability and navigation, create greater visual consistency across devices, and find a way to incorporate video without compromising text legibility or performance.
Working directly with Kerri throughout the redesign, I translated the feeling she wanted her practice to convey into a calmer, warmer, and more cohesive digital experience. I reorganized and simplified content, standardized typography and buttons, resolved mobile layout issues, and created clearer pathways toward booking a consultation. For the homepage, I replaced the problematic video treatment with a new solution that preserved the movement Kerri wanted while using a subtle overlay to keep the text clear and readable. The final Squarespace site balances her creative vision with usability, responsiveness, and the platform’s technical constraints.
The sketches explore multiple dashboard configurations, including split views, resizable widgets, and dismissible panels. I focused on how drivers might prioritize information differently depending on the trip, such as short commutes versus long highway drives.These concepts helped shape the idea of a flexible grid system and informed how widgets could expand, collapse, or remain persistent on screen.
To keep the in-car experience simple and distraction free, customization is handled through a companion mobile app. Drivers can create, save, and switch between dashboard layouts before starting a drive.
This approach allows deeper personalization without adding complexity to the CarPlay interface itself. Layouts can be tailored to different driving scenarios and recalled instantly when entering the car.
Through iteration, the design converged on a maximum of three widgets displayed simultaneously. This limit balances customization with safety by reducing visual clutter and keeping key information easy to scan.
A forward-facing 3D navigation view was introduced to improve spatial awareness and reduce the mental effort required to interpret turns, depth, and distance. The navigation experience was designed to feel grounded in the real world rather than abstract.
Each widget is designed to be resizable and dismissible with minimal interaction, prioritizing quick glances over prolonged engagement.
To explore a more realistic navigation experience, I built a forward-facing 3D map prototype rather than using a traditional top-down view. The goal was to reflect how drivers perceive space while moving, using depth and perspective to improve glanceability and spatial awareness.
I prototyped the map using Mapbox and JavaScript, iterating heavily on camera behavior. Small changes to pitch, zoom, and forward offset dramatically affected how immersive the experience felt. Starting navigation further down the route and bringing the camera closer to surrounding buildings helped the environment feel like “driving through” a city instead of observing it from above.
I also refined color, contrast, and route smoothing to keep the interface calm and readable in motion. These technical explorations directly informed the final CarPlay concept, reinforcing forward motion as the primary visual cue and reducing cognitive load during driving.
AI was used as a collaborative tool during this phase to accelerate testing and iteration, while all final design and interaction decisions were made intentionally.
The final concept presents a flexible CarPlay dashboard that adapts to different driving needs. Navigation, media, and secondary widgets work together within a consistent visual system designed for clarity and ease of use.
The interface emphasizes forward motion, spatial context, and minimal interaction, creating a calmer and more intuitive driving experience.
The redesigned system improves navigation glanceability through a forward-facing 3D map view. Drivers can customize their dashboard layout to match different driving contexts. Multiple widgets can remain visible at once, reducing the need for app switching. Widget resizing improves visual hierarchy and quick-glance usability. A companion app separates setup from driving, reinforcing safety-first design.
Overall, the concept demonstrates a more flexible, intuitive, and driver-adaptive CarPlay experience.
This project pushed me to think critically about interface design in high-attention environments. It reinforced the importance of hierarchy, restraint, and context-aware customization. If expanded further, I’d explore real-world user testing, voice-based interactions, and adaptive layouts that respond automatically to driving behavior.
A complete website redesign for Kerri McClain Hypnotherapy, focused on creating a calmer, more intuitive experience that better reflects her practice. The redesign improved the overall flow of the site, made content easier to read and navigate, and introduced a more cohesive visual identity.
The existing site had dense content, inconsistent text and button sizing, mobile layout issues, and an overall flow that made information difficult to digest. The original homepage video also had playback issues and didn’t fully reflect Kerri’s vision, although maintaining video was important to her. My goal was to improve readability and navigation, create greater visual consistency across devices, and find a way to incorporate video without compromising text legibility or performance.
Working directly with Kerri throughout the redesign, I translated the feeling she wanted her practice to convey into a calmer, warmer, and more cohesive digital experience. I reorganized and simplified content, standardized typography and buttons, resolved mobile layout issues, and created clearer pathways toward booking a consultation. For the homepage, I replaced the problematic video treatment with a new solution that preserved the movement Kerri wanted while using a subtle overlay to keep the text clear and readable. The final Squarespace site balances her creative vision with usability, responsiveness, and the platform’s technical constraints.
