{"id":4228,"date":"2025-10-10T21:31:48","date_gmt":"2025-10-10T21:31:48","guid":{"rendered":"https:\/\/migs47.com\/v4\/?post_type=portfolio&p=4228"},"modified":"2026-05-04T02:44:25","modified_gmt":"2026-05-04T02:44:25","slug":"second-step-app","status":"publish","type":"portfolio","link":"https:\/\/migs47.com\/v4\/portfolio\/second-step-app\/","title":{"rendered":"Committee for Children"},"content":{"rendered":"[vc_row thb_full_width=”true” thb_row_padding=”true” thb_column_padding=”true” thb_divider_position=”bottom” css=”.vc_custom_1777850543516{margin-top: -65px !important;}”][vc_column][vc_raw_html]JTNDdmlkZW8lMjAlMEElMjAlMjBjbGFzcyUzRCUyMmxhenktdmlkZW8lMjIlMEElMjAlMjBsb29wJTIwJTBBJTIwJTIwbXV0ZWQlMjAlMEElMjAlMjBwbGF5c2lubGluZSUyMCUwQSUyMCUyMHByZWxvYWQlM0QlMjJtZXRhZGF0YSUyMiUwQSUyMCUyMGRhdGEtc3JjJTNEJTIyaHR0cHMlM0ElMkYlMkZtaWdzNDcuY29tJTJGdjQlMkZ3cC1jb250ZW50JTJGdXBsb2FkcyUyRjIwMjUlMkYxMiUyRnZpZF9zc19hcHBfaGVyb18ubXA0JTIyJTBBJTIwJTIwZGF0YS1zcGVlZCUzRCUyMjEuMCUyMiUwQSUyMCUyMHBvc3RlciUzRCUyMmh0dHBzJTNBJTJGJTJGbWlnczQ3LmNvbSUyRnY0JTJGd3AtY29udGVudCUyRnVwbG9hZHMlMkYyMDI1JTJGMTAlMkZpbWdfc3NfaGVyby5qcGclMjIlMEElMjAlMjBzdHlsZSUzRCUyMndpZHRoJTNBJTIwMTAwJTI1JTNCJTIwaGVpZ2h0JTNBJTIwYXV0byUzQiUyMGRpc3BsYXklM0ElMjBibG9jayUzQiUyMiUzRSUwQSUyMCUyMCUzQ3NvdXJjZSUyMHR5cGUlM0QlMjJ2aWRlbyUyRm1wNCUyMiUzRSUwQSUzQyUyRnZpZGVvJTNF[\/vc_raw_html][\/vc_column][\/vc_row][vc_row thb_full_width=”true” thb_divider_position=”bottom” css=”.vc_custom_1771193160067{background-color: #fff5e6 !important;}” el_class=”section-pt-lg section-pb-lg section-xpad-5″][vc_column width=”2\/3″ animation=”animation bottom-to-top”][vc_column_text css=”.vc_custom_1748633506257{margin-bottom: 10px !important;}”]\n

My Role<\/h2>\n[\/vc_column_text][vc_column_text]As the lead designer, I guided the platform redesign from research through delivery, collaborating closely with cross-functional teams to translate strategy into a cohesive digital experience.<\/p>\n

I partnered with Blink on early research to understand educator needs and helped turn those insights into user journeys, information architecture, and wireframes. I also defined the UI approach that guided the design system, ensuring visual consistency and usability throughout the platform.<\/p>\n

Throughout the process, I worked hand-in-hand with engineering to maintain design quality and scalability, mentoring designers and establishing guidelines that supported long-term growth.[\/vc_column_text][\/vc_column][vc_column width=”1\/3″][\/vc_column][\/vc_row][vc_row thb_full_width=”true” thb_divider_position=”bottom” css=”.vc_custom_1771193349017{background-color: #ffffff !important;}” el_class=”section-pt-lg section-pb-sm section-xpad-5″][vc_column width=”1\/2″ animation=”animation bottom-to-top”][vc_column_text animation=”animation bottom-to-top” css=”.vc_custom_1748633512751{margin-bottom: 10px !important;}”]\n

Problem to Solve<\/h2>\n[\/vc_column_text][\/vc_column][vc_column width=”1\/2″ animation=”animation bottom-to-top”][vc_column_text]Second Step\u2019s programs had grown into multiple disconnected products that varied in format, delivery, and user experience. Elementary educators used print-based kits with DVDs and binders, while Middle School teachers accessed a separate digital platform. The result was a fragmented ecosystem that left teachers managing siloed content and inconsistent flows across programs.<\/p>\n

With limited time and competing priorities, teachers felt overwhelmed having to learn the SEL lessons and teach them confidently. Without a clear, unified experience, preparing and delivering lessons became time-consuming and difficult to sustain.<\/p>\n

The challenge was to bring these programs together into a single, scalable digital platform that supported both kit-based and digital-first experiences, creating an experience that felt cohesive, intuitive, and empowering for teachers.[\/vc_column_text][\/vc_column][\/vc_row][vc_row thb_divider_position=”bottom” css=”.vc_custom_1771193434855{background-color: #ffffff !important;}” el_class=”section-pt-none section-pb-md section-xpad-5″][vc_column width=”1\/2″ animation=”animation bottom-to-top” css=”.vc_custom_1760378425935{padding-top: 40px !important;padding-right: 5% !important;padding-left: 5% !important;background-color: #fff5e6 !important;}” thb_border_radius=”16px 16px 16px 16px”][vc_column_text]\n

Elementary Classroom Kits<\/h4>\n

Print-based kits required manual setup and organization, making lesson preparation time-consuming.[\/vc_column_text]\t

\n\t\t\t
\n\t\t\t\"\"\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t[\/vc_column][vc_column width=”1\/2″ animation=”animation bottom-to-top” css=”.vc_custom_1760378784932{padding-top: 40px !important;padding-right: 5% !important;padding-left: 5% !important;background-color: #fff5e6 !important;}” thb_border_radius=”16px 16px 16px 16px”][vc_column_text]\n

Middle School Digital Program<\/h4>\n

The digital platform was outdated and unintuitive, creating friction for teachers when preparing and teaching lessons.[\/vc_column_text]\t

\n\t\t\t
\n\t\t\t\"\"\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t[\/vc_column][\/vc_row][vc_row thb_full_width=”true” thb_divider_position=”bottom” css=”.vc_custom_1771193603108{background-color: #fff5e6 !important;}” el_class=”section-pt-lg section-pb-sm section-xpad-5″][vc_column width=”1\/2″ animation=”animation bottom-to-top”][vc_column_text animation=”animation bottom-to-top” css=”.vc_custom_1760146574799{margin-bottom: 10px !important;}”]\n

Research & Insights<\/h2>\n[\/vc_column_text][\/vc_column][vc_column width=”1\/2″ animation=”animation bottom-to-top”][vc_column_text]To ground the work, we partnered with Blink for early research and strategy. Through workshops, interviews, and competitive analysis, we uncovered how teachers interacted with Second Step and where the experience fell short.<\/p>\n

Blink also helped us define design principles that shaped our process and guided every decision, ensuring the experience felt focused, intuitive, and grounded in real classroom use.[\/vc_column_text][\/vc_column][\/vc_row][vc_row thb_full_width=”true” thb_row_padding=”true” thb_column_padding=”true” thb_divider_position=”bottom” css=”.vc_custom_1771193798735{background-color: #fff5e6 !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}” el_class=”section-pt-none section-pb-sm section-xpad-5″][vc_column parallax=”content-moving” width=”1\/3″ animation=”animation bottom-to-top” css=”.vc_custom_1748719516316{padding-right: 3% !important;padding-left: 3% !important;}”]\t

\n\t\t\t
\n\t\t\t\"\"\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t[\/vc_column][vc_column width=”1\/3″ animation=”animation bottom-to-top” css=”.vc_custom_1748719522435{padding-right: 3% !important;padding-left: 3% !important;}”]\t
\n\t\t\t
\n\t\t\t\"\"\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t[\/vc_column][vc_column width=”1\/3″ animation=”animation bottom-to-top” css=”.vc_custom_1748719529997{padding-right: 3% !important;padding-left: 3% !important;}”]\t
\n\t\t\t
\n\t\t\t\"\"\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t[\/vc_column][\/vc_row][vc_row thb_full_width=”true” thb_row_padding=”true” thb_column_padding=”true” thb_divider_position=”bottom” css=”.vc_custom_1771193866613{background-color: #fff5e6 !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}” el_class=”section-pt-none section-pb-lg section-xpad-5″][vc_column parallax=”content-moving” width=”1\/3″ animation=”animation bottom-to-top” css=”.vc_custom_1748719516316{padding-right: 3% !important;padding-left: 3% !important;}”]\t
\n\t\t\t
\n\t\t\t\"\"\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t[\/vc_column][vc_column width=”1\/3″ animation=”animation bottom-to-top” css=”.vc_custom_1748719522435{padding-right: 3% !important;padding-left: 3% !important;}”]\t
\n\t\t\t
\n\t\t\t\"\"\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t[\/vc_column][vc_column width=”1\/3″ animation=”animation bottom-to-top” css=”.vc_custom_1748719529997{padding-right: 3% !important;padding-left: 3% !important;}”]\t
\n\t\t\t
\n\t\t\t\"\"\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t[\/vc_column][\/vc_row][vc_row thb_full_width=”true” thb_divider_position=”bottom” css=”.vc_custom_1771193933524{background-color: #fff5e6 !important;}” el_class=”section-pt-none section-pb-sm section-xpad-5″][vc_column width=”1\/6″][vc_column_text][\/vc_column_text][\/vc_column][vc_column width=”2\/3″ animation=”animation bottom-to-top”][vc_column_text css=”.vc_custom_1760321701360{margin-bottom: 10px !important;}”]\n

Key Insights<\/h4>\n[\/vc_column_text][vc_column_text]Teachers valued ease and reliability above all else. They wanted to log in, find their lessons, and teach without friction.<\/p>\n

Blink\u2019s mental model and persona work helped us align around that core need that teachers just want to teach and gave us clear direction for simplifying the journey.[\/vc_column_text][\/vc_column][vc_column width=”1\/6″][\/vc_column][\/vc_row][vc_row thb_full_width=”true” thb_row_padding=”true” thb_column_padding=”true” thb_divider_position=”bottom” css=”.vc_custom_1771194352622{background-color: #fff5e6 !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}” el_class=”section-pt-none section-pb-md section-xpad-16″][vc_column parallax=”content-moving” animation=”animation bottom-to-top”]\t

\n\t\t\t
\n\t\t\t\"\"\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t[\/vc_column][\/vc_row][vc_row thb_full_width=”true” thb_divider_position=”bottom” css=”.vc_custom_1771194505646{background-color: #ffffff !important;}” el_class=”section-pt-lg section-pb-sm section-xpad-5″][vc_column width=”1\/2″ animation=”animation bottom-to-top”][vc_column_text animation=”animation bottom-to-top” css=”.vc_custom_1760146613374{margin-bottom: 10px !important;}”]\n

Process<\/h2>\n[\/vc_column_text][\/vc_column][vc_column width=”1\/2″ animation=”animation bottom-to-top”][vc_column_text]As we moved into design, we approached the platform as a connected system rather than a collection of separate products. Each Second Step program had its own needs, but the goal was to create a unified structure that teachers could quickly understand and trust.<\/p>\n

We focused on building a global framework that could scale with new programs while maintaining clarity and consistency across the experience. By mapping content to teacher goals, from preparing lessons to teaching and tracking progress, we defined an architecture that guided users naturally through their journey.<\/p>\n

The result was a streamlined system that supported both digital and kit-based programs through shared navigation, consistent labeling, and clear pathways for action.[\/vc_column_text][\/vc_column][\/vc_row][vc_row thb_full_width=”true” thb_row_padding=”true” thb_column_padding=”true” thb_divider_position=”bottom” css=”.vc_custom_1771194595536{background-color: #ffffff !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}” el_class=”section-pt-none section-pb-sm section-xpad-8″][vc_column parallax=”content-moving” animation=”animation bottom-to-top”]\t

\n\t\t\t
\n\t\t\t\"\"\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t[\/vc_column][\/vc_row][vc_row thb_full_width=”true” thb_row_padding=”true” thb_column_padding=”true” thb_divider_position=”bottom” css=”.vc_custom_1771194776602{background-color: #ffffff !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}” el_class=”section-pt-none section-pb-sm section-xpad-8″][vc_column parallax=”content-moving” animation=”animation bottom-to-top”]\t
\n\t\t\t
\n\t\t\t\"\"\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t[\/vc_column][\/vc_row][vc_row thb_divider_position=”bottom” css=”.vc_custom_1771194967688{background-color: #ffffff !important;}” thb_border_radius=”0px 0px 16px 16px” el_class=”section-pt-none section-pb-lg section-xpad-8″][vc_column width=”1\/5″ animation=”animation bottom-to-top”]\t
\n\t\t\t
\n\t\t\t\"\"\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t[\/vc_column][vc_column width=”1\/5″ animation=”animation bottom-to-top”]\t
\n\t\t\t
\n\t\t\t\"\"\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t[\/vc_column][vc_column width=”1\/5″ animation=”animation bottom-to-top”]\t
\n\t\t\t
\n\t\t\t\"\"\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t[\/vc_column][vc_column width=”1\/5″ animation=”animation bottom-to-top”]\t
\n\t\t\t
\n\t\t\t\"\"\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t[\/vc_column][vc_column width=”1\/5″ animation=”animation bottom-to-top”]\t
\n\t\t\t
\n\t\t\t\"\"\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t[\/vc_column][\/vc_row][vc_row thb_full_width=”true” thb_divider_position=”bottom” css=”.vc_custom_1771195786669{background-color: #ffffff !important;}” el_class=”section-pt-none section-pb-sm section-xpad-5″][vc_column width=”1\/6″][vc_column_text][\/vc_column_text][\/vc_column][vc_column width=”2\/3″ animation=”animation bottom-to-top”][vc_column_text css=”.vc_custom_1760462882592{margin-bottom: 10px !important;}”]\n

Testing Navigation for Clarity and Confidence<\/h4>\n[\/vc_column_text][vc_column_text]With the framework in place, we explored navigation models that supported how teachers naturally move between lessons, training, and resources. Two primary approaches emerged, a top-bar navigation and a left-drawer layout.<\/p>\n

Usability testing revealed that teachers preferred the top-bar model, achieving a 77 percent task success rate compared to 60 percent with the drawer. The persistent layout provided a stronger sense of orientation, helping teachers stay confident as they switched between programs and classes.[\/vc_column_text][\/vc_column][vc_column width=”1\/6″][\/vc_column][\/vc_row][vc_row thb_full_width=”true” thb_row_padding=”true” thb_column_padding=”true” thb_divider_position=”bottom” css=”.vc_custom_1771195898077{background-color: #ffffff !important;}” el_class=”section-pt-none section-pb-md section-xpad-5″][vc_column width=”1\/2″ animation=”animation bottom-to-top” css=”.vc_custom_1748560151504{padding-right: 5% !important;padding-left: 5% !important;}”]\t

\n\t\t\t
\n\t\t\t\"\"\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t[vc_column_text css=”.vc_custom_1760382077932{padding-top: 16px !important;}”]\n
Option 1: Top Bar Navigation<\/h5>\n

Clear, persistent layout that improved orientation and task success during testing.[\/vc_column_text][\/vc_column][vc_column width=”1\/2″ animation=”animation bottom-to-top” css=”.vc_custom_1748883960205{padding-right: 5% !important;padding-left: 5% !important;}”]\t

\n\t\t\t
\n\t\t\t\"\"\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t[vc_column_text css=”.vc_custom_1760382157883{padding-top: 16px !important;}”]\n
Option 2: Drawer Navigation<\/h5>\n

Collapsible layout that provided flexibility but reduced clarity and wayfinding confidence.[\/vc_column_text][\/vc_column][\/vc_row][vc_row thb_divider_position=”bottom” css=”.vc_custom_1760405901534{margin-right: 40px !important;margin-left: 40px !important;padding-top: 80px !important;padding-right: 5% !important;padding-bottom: 40px !important;padding-left: 5% !important;background-color: #fff5e6 !important;}” thb_border_radius=”16px 16px 0px 0px”][vc_column width=”1\/6″][\/vc_column][vc_column width=”2\/3″ animation=”animation bottom-to-top”][vc_column_text css=”.vc_custom_1760463780983{margin-bottom: 10px !important;}”]\n

Establishing the Platform Foundation<\/h4>\n[\/vc_column_text][vc_column_text]Once navigation patterns were validated, we translated them into mid-fidelity wireframes to define layout and hierarchy across key screens. These wireframes established the foundation for the educator dashboard, class management, and lesson preparation experiences.<\/p>\n

Working at this fidelity allowed us to iterate quickly, validate information placement, and confirm clarity before moving into visual design. The result was a set of wireframes that captured the structure and intent of the platform, ready to evolve into a unified, scalable interface.[\/vc_column_text][\/vc_column][vc_column width=”1\/6″][\/vc_column][\/vc_row][vc_row thb_divider_position=”bottom” css=”.vc_custom_1760374764062{margin-right: 40px !important;margin-left: 40px !important;padding-right: 5% !important;padding-bottom: 80px !important;padding-left: 5% !important;background-color: #fff5e6 !important;}” thb_border_radius=”0px 0px 16px 16px”][vc_column animation=”animation bottom-to-top”]\t

\n\t\t\t
\n\t\t\t\"\"\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t[\/vc_column][\/vc_row][vc_row thb_full_width=”true” thb_divider_position=”bottom” css=”.vc_custom_1771196030298{background-color: #ffffff !important;}” el_class=”section-pt-md section-pb-sm section-xpad-5″][vc_column width=”1\/6″][vc_column_text][\/vc_column_text][\/vc_column][vc_column width=”2\/3″ animation=”animation bottom-to-top”][vc_column_text css=”.vc_custom_1760321877366{margin-bottom: 10px !important;}”]\n

Defining the visual language<\/h4>\n[\/vc_column_text][vc_column_text]With the structure in place, we explored how the Second Step brand could come to life within the digital interface. The goal was to create a visual language that felt warm, structured, and balanced, reflecting the program\u2019s focus on empathy and emotional growth while supporting clear, task-focused interactions.<\/p>\n

I created a series of element collages to explore directions for color, typography, and tone. Each concept showed how brand elements could enhance the interface while keeping the focus on usability. After review with key stakeholders, the chosen direction became the foundation for a cohesive visual system that balanced brand expression with accessibility and ease of use.[\/vc_column_text][\/vc_column][vc_column width=”1\/6″][\/vc_column][\/vc_row][vc_row thb_full_width=”true” thb_row_padding=”true” thb_column_padding=”true” thb_divider_position=”bottom” css=”.vc_custom_1771196213511{background-color: #ffffff !important;}” el_class=”section-pt-none section-pb-sm section-xpad-0″][vc_column animation=”animation bottom-to-top”][vc_raw_html]JTVCaW5maW5pdGVfbWFycXVlZSUyMCUwQWhlaWdodCUzRCUyMjc1MHB4JTIyJTIwJTBBdGFibGV0X2hlaWdodCUzRCUyMjUyMHB4JTIyJTIwJTBBbW9iaWxlX2hlaWdodCUzRCUyMjMyMHB4JTIyJTIwJTBBbWFyZ2luJTNEJTIyODBweCUyMiUyMCUwQXRhYmxldF9tYXJnaW4lM0QlMjI0OHB4JTIyJTIwJTBBbW9iaWxlX21hcmdpbiUzRCUyMjI0cHglMjIlMjAlMEFyYWRpdXMlM0QlMjIwcHglMjIlMjAlMEFzaGFkb3clM0QlMjJkcm9wLXNoYWRvdyUyODBweCUyMDBweCUyMDBweCUyMHJnYmElMjgwJTJDMCUyQzAlMkMwLjElMjklMjklMjIlNUQlMEElM0NpbWclMjBzcmMlM0QlMjJodHRwcyUzQSUyRiUyRm1pZ3M0Ny5jb20lMkZ2NCUyRndwLWNvbnRlbnQlMkZ1cGxvYWRzJTJGMjAyNSUyRjEwJTJGaW1nX2VsZW1lbnRfY29sbGFnZTAzLmpwZyUyMiUyMCUyRiUzRSUwQSUzQ2ltZyUyMHNyYyUzRCUyMmh0dHBzJTNBJTJGJTJGbWlnczQ3LmNvbSUyRnY0JTJGd3AtY29udGVudCUyRnVwbG9hZHMlMkYyMDI1JTJGMTAlMkZpbWdfZWxlbWVudF9jb2xsYWdlMDIuanBnJTIyJTIwJTJGJTNFJTBBJTNDaW1nJTIwc3JjJTNEJTIyaHR0cHMlM0ElMkYlMkZtaWdzNDcuY29tJTJGdjQlMkZ3cC1jb250ZW50JTJGdXBsb2FkcyUyRjIwMjUlMkYxMCUyRmltZ19lbGVtZW50X2NvbGxhZ2UwMS5qcGclMjIlMjAlMkYlM0UlMEElNUIlMkZpbmZpbml0ZV9tYXJxdWVlJTVE[\/vc_raw_html][\/vc_column][\/vc_row][vc_row thb_full_width=”true” thb_divider_position=”bottom” css=”.vc_custom_1771196309985{background-color: #fff5e6 !important;}” el_class=”section-pt-lg section-pb-sm section-xpad-5″][vc_column width=”1\/2″ animation=”animation bottom-to-top”][vc_column_text animation=”animation bottom-to-top” css=”.vc_custom_1760148052661{margin-bottom: 10px !important;}”]\n

Solution<\/h2>\n[\/vc_column_text][\/vc_column][vc_column width=”1\/2″ animation=”animation bottom-to-top”][vc_column_text]With the visual direction approved, I defined the components and interaction patterns that brought consistency across the platform. The goal was to create a system that simplified design and development while remaining flexible enough to support future Second Step programs.<\/p>\n

Each component was built to account for multiple states and use cases, ensuring visual and behavioral consistency across dashboards, lessons, and training modules. Documenting patterns early gave the team a shared language that streamlined collaboration and accelerated delivery.[\/vc_column_text][\/vc_column][\/vc_row][vc_row thb_full_width=”true” thb_row_padding=”true” thb_column_padding=”true” thb_divider_position=”bottom” css=”.vc_custom_1771196450885{background-color: #fff5e6 !important;}” thb_border_radius=”0px 0px 16px 16px” el_class=”section-pt-none section-pb-sm section-xpad-5″][vc_column width=”1\/4″ animation=”animation bottom-to-top” css=”.vc_custom_1760148362384{padding-right: 5% !important;padding-left: 5% !important;}”]\t

\n\t\t\t
\n\t\t\t\"\"\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t[\/vc_column][vc_column width=”1\/4″ animation=”animation bottom-to-top” css=”.vc_custom_1760148368909{padding-right: 5% !important;padding-left: 5% !important;}”]\t
\n\t\t\t
\n\t\t\t\"\"\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t[\/vc_column][vc_column width=”1\/4″ animation=”animation bottom-to-top” css=”.vc_custom_1760148378384{padding-right: 5% !important;padding-left: 5% !important;}”]\t
\n\t\t\t
\n\t\t\t\"\"\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t[\/vc_column][vc_column width=”1\/4″ animation=”animation bottom-to-top” css=”.vc_custom_1760148393455{padding-right: 5% !important;padding-left: 5% !important;}”]\t
\n\t\t\t
\n\t\t\t\"\"\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t[\/vc_column][\/vc_row][vc_row thb_full_width=”true” thb_row_padding=”true” thb_column_padding=”true” thb_divider_position=”bottom” css=”.vc_custom_1771196572927{background-color: #fff5e6 !important;}” thb_border_radius=”0px 0px 16px 16px” el_class=”section-pt-none section-pb-lg section-xpad-5″][vc_column width=”1\/4″ animation=”animation bottom-to-top” css=”.vc_custom_1760148362384{padding-right: 5% !important;padding-left: 5% !important;}”]\t
\n\t\t\t
\n\t\t\t\"\"\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t[\/vc_column][vc_column width=”1\/4″ animation=”animation bottom-to-top” css=”.vc_custom_1760148368909{padding-right: 5% !important;padding-left: 5% !important;}”]\t
\n\t\t\t
\n\t\t\t\"\"\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t[\/vc_column][vc_column width=”1\/4″ animation=”animation bottom-to-top” css=”.vc_custom_1760148378384{padding-right: 5% !important;padding-left: 5% !important;}”]\t
\n\t\t\t
\n\t\t\t\"\"\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t[\/vc_column][vc_column width=”1\/4″ animation=”animation bottom-to-top” css=”.vc_custom_1760148393455{padding-right: 5% !important;padding-left: 5% !important;}”]\t
\n\t\t\t
\n\t\t\t\"\"\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t[\/vc_column][\/vc_row][vc_row thb_full_width=”true” thb_divider_position=”bottom” css=”.vc_custom_1771196561378{background-color: #fff5e6 !important;}” el_class=”section-pt-none section-pb-sm section-xpad-5″][vc_column width=”1\/6″][vc_column_text][\/vc_column_text][\/vc_column][vc_column width=”2\/3″ animation=”animation bottom-to-top”][vc_column_text css=”.vc_custom_1760321938062{margin-bottom: 10px !important;}”]\n

A Unified Experience<\/h4>\n[\/vc_column_text][vc_column_text]The final interface brought the system to life across desktop, tablet, and mobile, creating a unified experience that supported teachers wherever they worked. The design emphasized clarity, hierarchy, and ease of use, helping educators teach with confidence and focus on what mattered most, their students.[\/vc_column_text][\/vc_column][vc_column width=”1\/6″][\/vc_column][\/vc_row][vc_row thb_full_width=”true” thb_row_padding=”true” thb_column_padding=”true” thb_divider_position=”bottom” css=”.vc_custom_1771196696162{background-color: #fff5e6 !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}” el_class=”section-pt-none section-pb-md section-xpad-8″][vc_column parallax=”content-moving” animation=”animation bottom-to-top”]\t
\n\t\t\t
\n\t\t\t\"\"\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t[\/vc_column][\/vc_row][vc_row thb_full_width=”true” thb_row_padding=”true” thb_column_padding=”true” thb_divider_position=”bottom” css=”.vc_custom_1771196826802{background-color: #fff5e6 !important;}” el_class=”section-pt-none section-pb-lg section-xpad-5″][vc_column width=”1\/2″ animation=”animation bottom-to-top” css=”.vc_custom_1748634450411{padding-right: 5% !important;}”][vc_column_text animation=”animation bottom-to-top” css=”.vc_custom_1760467692077{padding-top: 16px !important;}”]\n
Middle School Landing<\/h5>\n

Designed as the teacher\u2019s home base, the landing page gives a clear overview of active classes with progress indicators and quick actions. Its structured layout and simplified hierarchy reduce cognitive load, helping educators move confidently between classes and lessons.[\/vc_column_text]\t

\n\t\t\t
\n\t\t\t\"\"\n\t\t<\/div>\n\t\t\t\t\t\t