{"id":40,"date":"2026-06-14T18:17:36","date_gmt":"2026-06-14T18:17:36","guid":{"rendered":"https:\/\/viviane-design.com\/?page_id=40"},"modified":"2026-08-04T00:52:42","modified_gmt":"2026-08-04T00:52:42","slug":"skylor-tutor","status":"publish","type":"page","link":"https:\/\/viviane-design.com\/es\/skylor-tutor\/","title":{"rendered":"Skylor Tutor"},"content":{"rendered":"

[et_pb_section fb_built=”1″ admin_label=”Hero” _builder_version=”4.27.6″ background_color=”#39a78d” background_image=”https:\/\/viviane-design.com\/wp-content\/uploads\/2026\/06\/circle-background-pattern.png” custom_padding=”67px|0px|67.1875px|0px|false|false” animation_style=”zoom” animation_intensity_zoom=”4%” global_colors_info=”{}”][et_pb_row _builder_version=”4.16″ custom_padding=”|||” animation_style=”slide” animation_direction=”top” animation_intensity_slide=”3%” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.16″ custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_text _builder_version=”4.16″ text_font=”Montserrat|500||on|||||” text_text_color=”#353740″ text_font_size=”16px” text_letter_spacing=”3px” custom_margin=”||45px|” animation_style=”slide” animation_direction=”bottom” locked=”off” global_colors_info=”{}”]<\/p>\n

Web Design<\/p>\n

[\/et_pb_text][et_pb_text _builder_version=”4.27.6″ text_font=”||||||||” header_font=”Montserrat|700||on|||||” header_text_color=”#f7f7f7″ header_font_size=”60px” header_line_height=”1.3em” custom_margin=”|||” animation_style=”fade” header_font_size_last_edited=”off|desktop” locked=”off” global_colors_info=”{}”]<\/p>\n

Skylor Tutor<\/h1>\n

[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=”1″ admin_label=”Case Study Text” _builder_version=”4.16″ custom_margin=”|||” custom_padding=”110px||30px|” global_colors_info=”{}”][et_pb_row column_structure=”1_2,1_2″ _builder_version=”4.27.7″ animation_style=”fade” global_colors_info=”{}”][et_pb_column type=”1_2″ _builder_version=”4.16″ custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_text _builder_version=”4.27.7″ text_font=”Montserrat||||” text_text_color=”#353740″ text_font_size=”22px” text_line_height=”1.8em” animation_style=”flip” animation_intensity_flip=”20%” global_colors_info=”{}”]<\/p>\n

Skylor Tutor is a next-generation online learning platform that connects students, tutors, and administrators through a personalized digital experience. Featuring real-time learning, smart tutor matching, and AI-powered tools like <\/span>Tutor Twin<\/span><\/strong>, the platform enhances learning while providing educators with the tools to manage sessions and track student progress. Designed with accessibility and user experience in mind, Skylor Tutor creates an intuitive and engaging environment that supports the unique needs of every user.<\/span><\/p>\n

[\/et_pb_text][\/et_pb_column][et_pb_column type=”1_2″ _builder_version=”4.16″ custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_text _builder_version=”4.27.7″ text_font=”Montserrat||||” text_text_color=”#747d88″ text_font_size=”16px” text_line_height=”1.8em” header_font=”||||||||” header_4_font=”Montserrat|600|||||||” header_4_font_size=”22px” custom_margin=”||60px|” animation_style=”fade” locked=”off” global_colors_info=”{}”]<\/p>\n

Project Details<\/h4>\n

<\/strong><\/span><\/p>\n

Location:<\/strong> Atlanta \/ Remote<\/span><\/p>\n

Timeline:<\/strong> 2025 \/ 1 month<\/span><\/p>\n

Role:<\/strong> Interaction Designer<\/span><\/p>\n

Project Type:<\/strong> Education App <\/span><\/p>\n

Industry:<\/strong> B2C<\/span><\/p>\n

Prototype:<\/span><\/strong> <\/span>Skylor Tutor prototype<\/a><\/span><\/p>\n

[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=”1″ make_equal=”on” use_custom_gutter=”on” gutter_width=”1″ specialty=”on” padding_top_1=”0px” admin_label=”Work Section” module_class=” et_pb_specialty_fullwidth” _builder_version=”4.16″ inner_width=”100%” inner_width_tablet=”100%” inner_width_phone=”100%” inner_width_last_edited=”on|desktop” inner_max_width=”100%” inner_max_width_tablet=”100%” inner_max_width_phone=”100%” inner_max_width_last_edited=”on|desktop” custom_padding=”0px|5%|0px|5%” make_fullwidth=”on” locked=”off” global_colors_info=”{}”][et_pb_column type=”1_2″ _builder_version=”4.16″ custom_padding=”|||” global_colors_info=”{}” padding_top__hover=”0px” parallax__hover=”off” parallax_method__hover=”on” custom_padding__hover=”|||”][et_pb_image src=”https:\/\/viviane-design.com\/wp-content\/uploads\/2026\/07\/coverST.png” title_text=”coverST” show_in_lightbox=”on” use_overlay=”on” overlay_icon_color=”#353740″ hover_overlay_color=”rgba(57,167,141,0.67)” force_fullwidth=”on” align_tablet=”center” align_phone=”center” align_last_edited=”on|desktop” _builder_version=”4.27.7″ animation_style=”flip” animation_direction=”right” animation_intensity_flip=”30%” animation_starting_opacity=”100%” box_shadow_style=”preset7″ box_shadow_horizontal=”0px” box_shadow_vertical=”0px” box_shadow_spread=”10px” box_shadow_color=”#ffffff” global_colors_info=”{}”][\/et_pb_image][\/et_pb_column][et_pb_column type=”1_2″ specialty_columns=”2″ _builder_version=”4.16″ custom_padding=”|||” global_colors_info=”{}” parallax__hover=”off” parallax_method__hover=”on” custom_padding__hover=”|||”][et_pb_row_inner _builder_version=”4.16″ custom_padding=”0px||0px|” global_colors_info=”{}”][et_pb_column_inner saved_specialty_column_type=”1_2″ _builder_version=”4.16″ custom_padding=”|||” global_colors_info=”{}” parallax__hover=”off” parallax_method__hover=”on” custom_padding__hover=”|||”][et_pb_image src=”https:\/\/viviane-design.com\/wp-content\/uploads\/2026\/08\/logoST2.png” title_text=”logoST2″ show_in_lightbox=”on” use_overlay=”on” overlay_icon_color=”#353740″ hover_overlay_color=”rgba(57,167,141,0.67)” force_fullwidth=”on” align_tablet=”center” align_phone=”center” align_last_edited=”on|desktop” _builder_version=”4.27.7″ animation_style=”flip” animation_direction=”bottom” animation_intensity_flip=”30%” animation_starting_opacity=”100%” hover_enabled=”0″ box_shadow_style=”preset7″ box_shadow_horizontal=”0px” box_shadow_vertical=”0px” box_shadow_spread=”10px” box_shadow_color=”#ffffff” global_colors_info=”{}” sticky_enabled=”0″][\/et_pb_image][\/et_pb_column_inner][\/et_pb_row_inner][et_pb_row_inner column_structure=”1_3,1_3,1_3″ _builder_version=”4.27.7″ custom_padding=”0px||0px|” global_colors_info=”{}”][et_pb_column_inner type=”1_3″ saved_specialty_column_type=”1_2″ _builder_version=”4.16″ custom_padding=”|||” global_colors_info=”{}” parallax__hover=”off” parallax_method__hover=”on” custom_padding__hover=”|||”][et_pb_image src=”https:\/\/viviane-design.com\/wp-content\/uploads\/2026\/07\/FIGMA-1.png” title_text=”FIGMA” show_in_lightbox=”on” use_overlay=”on” overlay_icon_color=”#353740″ hover_overlay_color=”rgba(57,167,141,0.67)” align_tablet=”center” align_phone=”center” align_last_edited=”on|desktop” _builder_version=”4.27.7″ animation_style=”flip” animation_intensity_flip=”30%” animation_starting_opacity=”100%” box_shadow_style=”preset7″ box_shadow_horizontal=”0px” box_shadow_vertical=”0px” box_shadow_spread=”10px” box_shadow_color=”#ffffff” global_colors_info=”{}”][\/et_pb_image][\/et_pb_column_inner][et_pb_column_inner type=”1_3″ saved_specialty_column_type=”1_2″ _builder_version=”4.16″ custom_padding=”|||” global_colors_info=”{}” parallax__hover=”off” parallax_method__hover=”on” custom_padding__hover=”|||”][et_pb_image src=”https:\/\/viviane-design.com\/wp-content\/uploads\/2026\/07\/Photoshop.png” title_text=”Photoshop” show_in_lightbox=”on” use_overlay=”on” overlay_icon_color=”#353740″ hover_overlay_color=”rgba(57,167,141,0.67)” align_tablet=”center” align_phone=”center” align_last_edited=”on|desktop” _builder_version=”4.27.7″ animation_style=”flip” animation_direction=”top” animation_intensity_flip=”30%” animation_starting_opacity=”100%” box_shadow_style=”preset7″ box_shadow_horizontal=”0px” box_shadow_vertical=”0px” box_shadow_spread=”10px” box_shadow_color=”#ffffff” global_colors_info=”{}”][\/et_pb_image][\/et_pb_column_inner][et_pb_column_inner type=”1_3″ saved_specialty_column_type=”1_2″ _builder_version=”4.16″ custom_padding=”|||” global_colors_info=”{}” parallax__hover=”off” parallax_method__hover=”on” custom_padding__hover=”|||”][\/et_pb_column_inner][\/et_pb_row_inner][\/et_pb_column][\/et_pb_section][et_pb_section fb_built=”1″ admin_label=”Creative Process Section” _builder_version=”4.16″ custom_padding=”110px||110px|” global_colors_info=”{}”][et_pb_row admin_label=”Service Section Title” _builder_version=”4.16″ custom_margin=”||40px|” animation_style=”fade” animation_direction=”top” saved_tabs=”all” locked=”off” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.16″ custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_text admin_label=”Title” _builder_version=”4.16″ text_font=”Montserrat||||||||” text_text_color=”#747d88″ text_font_size=”16px” text_line_height=”1.9em” header_font=”||||||||” header_2_font=”Montserrat|700||on|||||” header_2_font_size=”42px” header_2_line_height=”1.3em” text_orientation=”center” max_width=”700px” module_alignment=”center” animation_style=”slide” animation_direction=”bottom” animation_intensity_slide=”4%” global_colors_info=”{}”]<\/p>\n

Creative Process<\/h2>\n

[\/et_pb_text][et_pb_text admin_label=”Subtitle” _builder_version=”4.27.7″ text_font=”Montserrat||||” text_text_color=”#747d88″ text_font_size=”16px” text_line_height=”1.8em” header_font=”||||||||” text_orientation=”center” max_width=”700px” module_alignment=”center” custom_margin=”|||” animation_style=”slide” animation_direction=”bottom” animation_delay=”100ms” animation_intensity_slide=”4%” global_colors_info=”{}”]<\/p>\n

<\/span><\/span><\/div>\n

The objective was to redesign and unify the user interface and experience across all user roles, Students, Tutors, and Admins, creating a sleek, modern, accessible, and scalable platform that aligns with Skylor Tutor\u2019s educational brand identity.<\/span><\/p>\n

[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=”1_2,1_2″ _builder_version=”4.27.7″ global_colors_info=”{}”][et_pb_column type=”1_2″ _builder_version=”4.16″ custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_text _builder_version=”4.27.7″ text_font=”Montserrat||||” text_text_color=”#747d88″ text_font_size=”16px” text_line_height=”1.8em” header_font=”||||||||” header_4_font=”Montserrat|600|||||||” header_4_font_size=”22px” animation_style=”fade” global_colors_info=”{}”]<\/p>\n

How Might We questions<\/h4>\n

 <\/p>\n

<\/div>\n

\u00a01. Tutor Experience & Engagement<\/strong><\/span>
HMW make tutors feel more valued and motivated on the platform?<\/span>
HMW streamline tutor onboarding to reduce setup time?<\/span>
HMW help tutors personalize their teaching style for each student?<\/span>
HMW ensure tutors can easily track student progress over time?<\/span>
<\/span>
\u00a02. Student-Tutor Interaction<\/strong><\/span>
HMW make sessions more interactive and engaging for students?<\/span>
HMW reduce no-shows or last-minute cancellations?<\/span>
HMW help tutors quickly understand a student\u2019s learning gaps?<\/span>
HMW facilitate seamless communication between tutors and students?<\/span>
<\/span>
3. Onboarding & Usability\u00a0\u00a0<\/strong>
HMW make the app intuitive for first-time tutors and students?\u00a0\u00a0<\/span>
HMW reduce the learning curve for new features?\u00a0\u00a0<\/span>
HMW ensure accessibility for users with disabilities?\u00a0\u00a0<\/span>
HMW make profile setup quick yet informative?\u00a0\u00a0<\/span>
\u2028<\/span>
\u2028<\/span>
\u2028<\/span><\/p>\n

[\/et_pb_text][\/et_pb_column][et_pb_column type=”1_2″ _builder_version=”4.16″ custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_text _builder_version=”4.27.7″ text_font=”Montserrat||||” text_text_color=”#747d88″ text_font_size=”16px” text_line_height=”1.8em” header_font=”||||||||” header_4_font=”Montserrat|600|||||||” header_4_font_size=”22px” animation_style=”fade” locked=”off” global_colors_info=”{}”]<\/p>\n

Understanding the users<\/h4>\n

Personas<\/p>\n

[\/et_pb_text][et_pb_image src=”https:\/\/viviane-design.com\/wp-content\/uploads\/2026\/08\/Persona1-scaled.png” title_text=”Persona1″ _builder_version=”4.27.7″ _module_preset=”default” global_colors_info=”{}”][\/et_pb_image][et_pb_image src=”https:\/\/viviane-design.com\/wp-content\/uploads\/2026\/08\/Persona2-scaled.png” title_text=”Persona2″ _builder_version=”4.27.7″ _module_preset=”default” global_colors_info=”{}”][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=”4.27.7″ _module_preset=”default” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.27.7″ _module_preset=”default” global_colors_info=”{}”][et_pb_text _builder_version=”4.27.7″ text_font=”Montserrat||||” text_text_color=”#747d88″ text_font_size=”16px” text_line_height=”1.8em” header_font=”||||||||” header_4_font=”Montserrat|600|||||||” header_4_font_size=”22px” animation_style=”fade” locked=”off” global_colors_info=”{}”]<\/p>\n

Secondary Research<\/h4>\n

 <\/p>\n

<\/span><\/span><\/div>\n

Personalized Learning & Adaptive Design<\/strong>
Research shows that personalization is a key feature users seek in learning apps. Elements like adaptive content, AI-powered tutor matching, and flexible scheduling significantly boost engagement and learning efficiency, making them essential focal points for the screen functionality we\u2019re designing.<\/span><\/p>\n

<\/span><\/span><\/div>\n

Onboarding Experience Matters<\/strong>
The onboarding phase is a critical factor in user retention. A smooth, informative, and welcoming first experience significantly increases the likelihood that users will continue engaging with the platform.<\/span><\/p>\n

<\/span><\/span><\/div>\n

Trust, Credibility & Tutor Profiles<\/strong>
Trust is essential in educational apps. Users are more likely to engage with tutors who have verified credentials, detailed bios, and transparent reviews.<\/span><\/p>\n

<\/span><\/span><\/div>\n

Video & Messaging Usability<\/strong>
Seamless communication tools, particularly video calls and in-app messaging, are critical to user satisfaction. When these features underperform, users are more likely to abandon the platform.<\/span><\/p>\n

<\/span><\/span><\/div>\n

Gamification & Engagement<\/strong>
Gamified features such as streaks, goal tracking, and badges can boost motivation, even among college students, by making progress more engaging and rewarding.<\/span><\/p>\n

<\/span><\/span><\/div>\n

Mobile Optimization & Accessibility<\/strong>
Mobile-first usability and inclusive design play a crucial role in app adoption, particularly within educational environments.<\/span><\/p>\n

[\/et_pb_text][et_pb_text _builder_version=”4.27.7″ text_font=”Montserrat||||” text_text_color=”#747d88″ text_font_size=”16px” text_line_height=”1.8em” header_font=”||||||||” header_4_font=”Montserrat|600|||||||” header_4_font_size=”22px” custom_margin=”||60px|” custom_padding=”80px|||||” animation_style=”fade” locked=”off” global_colors_info=”{}”]<\/p>\n

User Flows<\/h4>\n

 <\/p>\n

<\/span><\/span><\/div>\n

After conducting secondary research, analyzing user needs, and reviewing the information provided by the company, we began developing user flows to map out key interactions and journeys.<\/span><\/p>\n

[\/et_pb_text][et_pb_image src=”https:\/\/viviane-design.com\/wp-content\/uploads\/2026\/08\/userflow-scaled.png” title_text=”userflow” _builder_version=”4.27.7″ _module_preset=”default” global_colors_info=”{}”][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=”4.27.7″ _module_preset=”default” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.27.7″ _module_preset=”default” global_colors_info=”{}”][et_pb_text _builder_version=”4.27.7″ text_font=”Montserrat||||” text_text_color=”#747d88″ text_font_size=”16px” text_line_height=”1.8em” header_font=”||||||||” header_4_font=”Montserrat|600|||||||” header_4_font_size=”22px” custom_margin=”||60px|” custom_padding=”80px|||||” animation_style=”fade” locked=”off” global_colors_info=”{}”]<\/p>\n

Wireframes<\/h4>\n

 <\/p>\n

<\/span><\/span><\/div>\n

With the user flows established, we transitioned into the wireframing phase to define the app’s layout, information hierarchy, and user experience. Below are a few examples of the wireframes.<\/p>\n

[\/et_pb_text][et_pb_image src=”https:\/\/viviane-design.com\/wp-content\/uploads\/2026\/08\/WIREFRAMES-3.png” title_text=”WIREFRAMES” _builder_version=”4.27.7″ _module_preset=”default” global_colors_info=”{}”][\/et_pb_image][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=”1″ admin_label=”Feature Section 01″ _builder_version=”4.16″ background_color=”#f7f7f7″ custom_padding=”0px||0px|” box_shadow_style=”preset7″ box_shadow_horizontal=”0px” box_shadow_vertical=”100px” box_shadow_color=”#ffffff” global_colors_info=”{}”][et_pb_row use_custom_gutter=”on” gutter_width=”1″ admin_label=”Feature Area” module_class=” et_pb_row_fullwidth” _builder_version=”4.27.7″ width=”100%” width_tablet=”100%” width_phone=”100%” width_last_edited=”on|desktop” max_width=”100%” max_width_tablet=”100%” max_width_phone=”100%” max_width_last_edited=”on|desktop” min_height=”1672.8px” custom_margin=”-148px|auto||auto||” custom_padding=”0px|||” make_fullwidth=”on” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.16″ custom_padding=”200px|10%||10%” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_text _builder_version=”4.27.7″ text_font=”Montserrat||||” text_text_color=”#747d88″ text_font_size=”16px” text_line_height=”1.8em” header_font=”||||||||” header_4_font=”Montserrat|600|||||||” header_4_font_size=”22px” custom_margin=”-80px||60px|||” custom_padding=”15px|||||” animation_style=”fade” locked=”off” global_colors_info=”{}”]<\/p>\n

Style Guide<\/h4>\n

 <\/p>\n

<\/span><\/span><\/div>\n
<\/span><\/span><\/div>\n

As part of the project, we were tasked with redesigning the logo. Building on that, we developed a comprehensive style guide that included the essential elements for creating high-fidelity screens, such as the color palette, typography, icons, and UI components. Aligned with Skylor Tutor\u2019s brand identity and design principles, the following is a brief preview of the finalized style guide.<\/span><\/p>\n

[\/et_pb_text][et_pb_image src=”https:\/\/viviane-design.com\/wp-content\/uploads\/2026\/08\/StyleGuide-scaled.png” title_text=”StyleGuide” _builder_version=”4.27.7″ _module_preset=”default” custom_margin=”|139px||||” global_colors_info=”{}”][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=”4.27.7″ _module_preset=”default” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.27.7″ _module_preset=”default” global_colors_info=”{}”][et_pb_text _builder_version=”4.27.7″ text_font=”Montserrat||||” text_text_color=”#747d88″ text_font_size=”16px” text_line_height=”1.8em” header_font=”||||||||” header_4_font=”Montserrat|600|||||||” header_4_font_size=”22px” min_height=”0px” custom_margin=”-135px||60px|||” custom_padding=”156px|||||” animation_style=”fade” locked=”off” global_colors_info=”{}”]<\/p>\n

High Fidelity Screens\/Prototype<\/h4>\n

 <\/p>\n

<\/span><\/span><\/div>\n
<\/span><\/span><\/div>\n

With the wireframes finalized and the style guide established, we moved into the high-fidelity design phase. Below are a few examples of the final screens.<\/p>\n

[\/et_pb_text][et_pb_image src=”https:\/\/viviane-design.com\/wp-content\/uploads\/2026\/08\/prototypes-2.png” title_text=”prototypes” _builder_version=”4.27.7″ _module_preset=”default” global_colors_info=”{}”][\/et_pb_image][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=”1″ admin_label=”Feature Section 02″ _builder_version=”4.16″ use_background_color_gradient=”on” background_color_gradient_stops=”#f7f7f7 44%|#ffffff 44%” background_color_gradient_start=”#f7f7f7″ background_color_gradient_start_position=”44%” background_color_gradient_end=”#ffffff” background_color_gradient_end_position=”44%” custom_padding=”110px|0px|110px|0px” global_colors_info=”{}” min_height=”1902px” custom_margin=”||-72px|||”][et_pb_row admin_label=”Feature Area” _builder_version=”4.27.7″ global_colors_info=”{}” custom_margin=”|auto|-58px|auto||”][et_pb_column type=”4_4″ _builder_version=”4.16″ custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_text _builder_version=”4.27.7″ text_font=”Montserrat||||” text_text_color=”#747d88″ text_font_size=”16px” text_line_height=”1.8em” header_font=”||||||||” header_4_font=”Montserrat|600|||||||” header_4_font_size=”22px” custom_margin=”||60px|” animation_style=”fade” locked=”off” global_colors_info=”{}”]<\/p>\n

Usability Testing<\/h4>\n

 <\/p>\n

<\/span><\/span><\/div>\n

Objective:\u00a0<\/strong>Evaluate the usability and intuitiveness of key user flows within the Skylor Tutor app. The goal was to test essential interactions across two user types: a college student and a young adult learner, identifying areas for improvement before final development.<\/span><\/p>\n

<\/span><\/span><\/div>\n

Participants<\/strong>
<\/span><\/p>\n

    \n
  • Participant 1:<\/strong> Emma, 19 \u2013 College student majoring in Psychology<\/span><\/li>\n
  • Participant 2: <\/strong>Jordan, 26 \u2013 Young adult, recently returned to school to pursue continuing education in digital marketing.<\/span><\/li>\n<\/ul>\n
    <\/span><\/span><\/div>\n

    Tasks Given<\/strong>
    <\/span><\/p>\n

      \n
    1. Sign in using Face ID or device passcode<\/span><\/li>\n
    2. Create a new account<\/span><\/li>\n
    3. Search for a tutoring session<\/span><\/li>\n
    4. Search for a masterclass<\/span><\/li>\n
    5. Make a payment for a selected session or clas<\/span>s<\/span><\/li>\n<\/ol>\n
      <\/span><\/span><\/div>\n

      Key Findings & Observations<\/strong><\/p>\n

      Task 1: Sign In (Face ID or Passcode)<\/strong>
      <\/span><\/p>\n

        \n
      • Student:\u00a0<\/span>Smooth and fast interaction; no issues.<\/span><\/li>\n
      • Young Adult:\u00a0<\/span>Passcode option worked well, appreciated having alternatives to Face ID<\/span><\/li>\n<\/ul>\n


        Task 2: Account Creation<\/strong>
        <\/span><\/p>\n

          \n
        • Student:<\/span>\u00a0Found the sign-up flow clear and quick.<\/span><\/li>\n
        • Young Adult:<\/span>\u00a0Smooth experience, liked the ability to choose user type (student\/tutor).<\/span><\/li>\n<\/ul>\n


          Task 3: Search for a Tutoring Session<\/strong>
          <\/span><\/p>\n

            \n
          • Student:\u00a0<\/span>understood the purpose of the search but noted the subject filters were not yet functional. Tutor card previews were helpful for decision-making.<\/span><\/li>\n
          • Young Adult:<\/span>\u00a0Took a few seconds to understand the layout but found the results helpful.<\/span><\/li>\n<\/ul>\n


            Task 4: Search for a Masterclass<\/strong>
            <\/span><\/p>\n

              \n
            • Student:<\/span>\u00a0Navigated well after switching tabs.<\/span><\/li>\n
            • Young Adult:<\/span>\u00a0Located the screenwriting class easily, enjoyed video previews.<\/span><\/li>\n<\/ul>\n


              Task 5: Make a Payment<\/strong>
              <\/span><\/p>\n

                \n
              • Both:\u00a0<\/span>Completed the transaction with no errors; appreciated Apple Pay support.<\/span><\/li>\n
              • Young Adult:<\/span>\u00a0Requested a more detailed confirmation screen.<\/span><\/li>\n<\/ul>\n
                <\/span><\/span><\/div>\n

                Conclusion<\/strong><\/span><\/p>\n


                Both participants successfully completed all key tasks, validating the app\u2019s core functionality. Minor usability enhancements, such as improved onboarding guidance, search experience, and visual feedback, can further streamline the experience and support user retention. The app was perceived as modern, intuitive, and well-suited for educational use.<\/span><\/p>\n

                 <\/p>\n

                [\/et_pb_text][et_pb_text _builder_version=”4.27.7″ text_font=”Montserrat||||” text_text_color=”#747d88″ text_font_size=”16px” text_line_height=”1.8em” header_font=”||||||||” header_4_font=”Montserrat|600|||||||” header_4_font_size=”22px” custom_margin=”||60px|” animation_style=”fade” hover_enabled=”0″ locked=”off” global_colors_info=”{}” sticky_enabled=”0″]<\/p>\n

                Final Screens<\/h4>\n

                 <\/p>\n

                Following usability testing, we refined several key screens based on participant feedback to enhance clarity, usability, and overall user flow. Below are a few examples of the final screens.<\/p>\n

                [\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=”1″ admin_label=”Image grid” _builder_version=”4.16″ background_color_gradient_direction=”90deg” background_image=”https:\/\/viviane-design.com\/wp-content\/uploads\/2026\/06\/background-texture.jpg” custom_margin=”||78px|” custom_padding=”0px||0px|||” global_colors_info=”{}”][et_pb_row column_structure=”1_3,1_3,1_3″ use_custom_gutter=”on” gutter_width=”2″ module_class=” et_pb_row_fullwidth” _builder_version=”4.16″ width=”94%” width_tablet=”80%” width_phone=”80%” width_last_edited=”on|desktop” max_width=”94%” max_width_tablet=”80%” max_width_phone=”80%” max_width_last_edited=”on|desktop” make_fullwidth=”on” global_colors_info=”{}” min_height=”283px”][et_pb_column type=”1_3″ _builder_version=”4.16″ custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_image src=”https:\/\/viviane-design.com\/wp-content\/uploads\/2026\/08\/finalscreens12.png” force_fullwidth=”on” align_tablet=”center” align_phone=”center” align_last_edited=”on|desktop” _builder_version=”4.27.7″ animation_style=”flip” animation_intensity_flip=”20%” hover_enabled=”0″ global_colors_info=”{}” title_text=”finalscreens1&2″ sticky_enabled=”0″][\/et_pb_image][\/et_pb_column][et_pb_column type=”1_3″ _builder_version=”4.16″ custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_image force_fullwidth=”on” align_tablet=”center” align_phone=”center” align_last_edited=”on|desktop” _builder_version=”4.27.7″ animation_style=”flip” animation_intensity_flip=”20%” hover_enabled=”0″ locked=”off” global_colors_info=”{}” title_text=”finalscreens3&4″ sticky_enabled=”0″ background_color=”RGBA(255,255,255,0)” src=”https:\/\/viviane-design.com\/wp-content\/uploads\/2026\/08\/finalscreens34-1.png”][\/et_pb_image][\/et_pb_column][et_pb_column type=”1_3″ _builder_version=”4.16″ custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_image force_fullwidth=”on” align_tablet=”center” align_phone=”center” align_last_edited=”on|desktop” _builder_version=”4.27.7″ animation_style=”flip” animation_intensity_flip=”20%” hover_enabled=”0″ locked=”off” global_colors_info=”{}” title_text=”finalscreens5&6″ src=”https:\/\/viviane-design.com\/wp-content\/uploads\/2026\/08\/finalscreens56.png” sticky_enabled=”0″][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=”1_3,1_3,1_3″ use_custom_gutter=”on” gutter_width=”2″ module_class=” et_pb_row_fullwidth” _builder_version=”4.16″ width=”94%” width_tablet=”80%” width_phone=”80%” width_last_edited=”on|desktop” max_width=”94%” max_width_tablet=”80%” max_width_phone=”80%” max_width_last_edited=”on|desktop” make_fullwidth=”on” global_colors_info=”{}”][et_pb_column type=”1_3″ _builder_version=”4.16″ custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_image force_fullwidth=”on” align_tablet=”center” align_phone=”center” align_last_edited=”on|desktop” _builder_version=”4.27.7″ animation_style=”flip” animation_intensity_flip=”20%” hover_enabled=”0″ global_colors_info=”{}” title_text=”finalscreens7&8″ src=”https:\/\/viviane-design.com\/wp-content\/uploads\/2026\/08\/finalscreens78.png” sticky_enabled=”0″][\/et_pb_image][\/et_pb_column][et_pb_column type=”1_3″ _builder_version=”4.16″ custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_image src=”https:\/\/viviane-design.com\/wp-content\/uploads\/2026\/08\/finalscreens910.png” force_fullwidth=”on” align_tablet=”center” align_phone=”center” align_last_edited=”on|desktop” _builder_version=”4.27.7″ animation_style=”flip” animation_intensity_flip=”20%” hover_enabled=”0″ global_colors_info=”{}” title_text=”finalscreens9&10″ sticky_enabled=”0″][\/et_pb_image][\/et_pb_column][et_pb_column type=”1_3″ _builder_version=”4.16″ custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_image src=”https:\/\/viviane-design.com\/wp-content\/uploads\/2026\/08\/finalscreens1112.png” force_fullwidth=”on” align_tablet=”center” align_phone=”center” align_last_edited=”on|desktop” _builder_version=”4.27.7″ animation_style=”flip” animation_intensity_flip=”20%” hover_enabled=”0″ locked=”off” global_colors_info=”{}” title_text=”finalscreens11&12″ sticky_enabled=”0″][\/et_pb_image][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=”1″ admin_label=”Quote Section” _builder_version=”4.16″ custom_margin=”40px||50px|” locked=”off” global_colors_info=”{}”][et_pb_row admin_label=”Quote” _builder_version=”4.16″ global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.16″ custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_text admin_label=”Quote” _builder_version=”4.27.7″ text_text_color=”#747d88″ text_font_size=”24px” text_line_height=”1.8em” text_orientation=”center” max_width=”700px” module_alignment=”center” animation_style=”flip” animation_direction=”top” animation_intensity_flip=”20%” hover_enabled=”0″ global_colors_info=”{}” sticky_enabled=”0″]<\/p>\n

                \n

                <\/span><\/span>Reflection<\/h1>\n

                Collaborating on the Skylor Tutor app as part of a design team was a valuable experience that strengthened both my design and collaboration skills. Working with a real client challenged us to balance user needs, business goals, and brand identity throughout the project. Through research, design critiques, usability testing, and iteration, I gained a deeper appreciation for teamwork, clear communication, and the impact of user-centered design in creating meaningful digital experiences.<\/p>\n<\/blockquote>\n

                [\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=”1″ admin_label=”Other Recent Works Section” _builder_version=”4.16″ custom_margin=”|||” custom_padding=”0px||120px|” locked=”off” global_colors_info=”{}”][et_pb_row admin_label=”Other Recent Works Area” _builder_version=”4.16″ custom_margin=”||40px|” animation_style=”fade” locked=”off” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.16″ custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_text admin_label=”Title” _builder_version=”4.16″ text_font=”Montserrat|on||on|” text_text_color=”#353740″ text_font_size=”42px” text_line_height=”1.2em” text_orientation=”center” max_width=”700px” module_alignment=”center” global_colors_info=”{}”]Other Recent Works
                \n[\/et_pb_text][et_pb_text admin_label=”Subtitle” _builder_version=”4.27.7″ text_font=”Montserrat||||” text_text_color=”#747d88″ text_font_size=”16px” text_line_height=”1.8em” text_orientation=”center” max_width=”600px” module_alignment=”center” custom_margin=”|||” hover_enabled=”0″ global_colors_info=”{}” sticky_enabled=”0″]<\/p>\n

                Interested in seeing more? Here are a few additional projects that showcase my design process, problem-solving approach, and experience creating user-centered digital products across different industries.<\/span><\/p>\n

                [\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=”1_3,1_3,1_3″ use_custom_gutter=”on” gutter_width=”1″ admin_label=”Other Recent Works Area” _builder_version=”4.27.7″ max_width=”80%” hover_enabled=”0″ use_custom_width=”on” width_unit=”off” global_colors_info=”{}” sticky_enabled=”0″][et_pb_column type=”1_3″ _builder_version=”4.16″ custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_image use_overlay=”on” overlay_icon_color=”#353740″ hover_overlay_color=”rgba(57,167,141,0.67)” align_tablet=”center” align_phone=”center” align_last_edited=”on|desktop” _builder_version=”4.27.7″ animation_style=”slide” animation_direction=”left” animation_intensity_slide=”10%” animation_starting_opacity=”100%” hover_enabled=”0″ box_shadow_style=”preset7″ box_shadow_horizontal=”0px” box_shadow_vertical=”0px” box_shadow_spread=”10px” box_shadow_color=”#ffffff” global_colors_info=”{}” title_text=”coverDOVA” src=”https:\/\/viviane-design.com\/wp-content\/uploads\/2026\/07\/coverDOVA.png” sticky_enabled=”0″ url=”https:\/\/viviane-design.com\/dova\/”][\/et_pb_image][\/et_pb_column][et_pb_column type=”1_3″ _builder_version=”4.16″ custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_image use_overlay=”on” overlay_icon_color=”#353740″ hover_overlay_color=”rgba(57,167,141,0.67)” align_tablet=”center” align_phone=”center” align_last_edited=”on|desktop” _builder_version=”4.27.7″ animation_style=”slide” animation_direction=”right” animation_intensity_slide=”10%” animation_starting_opacity=”100%” hover_enabled=”0″ box_shadow_style=”preset7″ box_shadow_horizontal=”0px” box_shadow_vertical=”0px” box_shadow_spread=”10px” box_shadow_color=”#ffffff” global_colors_info=”{}” title_text=”coverCC” src=”https:\/\/viviane-design.com\/wp-content\/uploads\/2026\/07\/coverCC.png” sticky_enabled=”0″ url=”https:\/\/viviane-design.com\/casa-carvalho\/”][\/et_pb_image][\/et_pb_column][et_pb_column type=”1_3″ _builder_version=”4.16″ custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_image use_overlay=”on” overlay_icon_color=”#353740″ hover_overlay_color=”rgba(57,167,141,0.67)” align_tablet=”center” align_phone=”center” align_last_edited=”on|desktop” _builder_version=”4.27.7″ animation_style=”slide” animation_direction=”right” animation_intensity_slide=”10%” animation_starting_opacity=”100%” hover_enabled=”0″ box_shadow_style=”preset7″ box_shadow_horizontal=”0px” box_shadow_vertical=”0px” box_shadow_spread=”10px” box_shadow_color=”#ffffff” global_colors_info=”{}” title_text=”coverH2H1″ src=”https:\/\/viviane-design.com\/wp-content\/uploads\/2026\/07\/coverH2H1.png” sticky_enabled=”0″ url=”https:\/\/viviane-design.com\/house2home\/”][\/et_pb_image][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"

                Web DesignSkylor TutorSkylor Tutor is a next-generation online learning platform that connects students, tutors, and administrators through a personalized digital experience. Featuring real-time learning, smart tutor matching, and AI-powered tools like Tutor Twin, the platform enhances learning while providing educators with the tools to manage sessions and track student progress. Designed with accessibility and user […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-40","page","type-page","status-publish","hentry"],"yoast_head":"\nSkylor Tutor - Viviane Carvalho Studio<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/viviane-design.com\/es\/skylor-tutor\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Skylor Tutor - Viviane Carvalho Studio\" \/>\n<meta property=\"og:description\" content=\"Web DesignSkylor TutorSkylor Tutor is a next-generation online learning platform that connects students, tutors, and administrators through a personalized digital experience. Featuring real-time learning, smart tutor matching, and AI-powered tools like Tutor Twin, the platform enhances learning while providing educators with the tools to manage sessions and track student progress. Designed with accessibility and user […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/viviane-design.com\/es\/skylor-tutor\/\" \/>\n<meta property=\"og:site_name\" content=\"Viviane Carvalho Studio\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-04T00:52:42+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/viviane-design.com\\\/skylor-tutor\\\/\",\"url\":\"https:\\\/\\\/viviane-design.com\\\/skylor-tutor\\\/\",\"name\":\"Skylor Tutor - Viviane Carvalho Studio\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/viviane-design.com\\\/#website\"},\"datePublished\":\"2026-06-14T18:17:36+00:00\",\"dateModified\":\"2026-08-04T00:52:42+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/viviane-design.com\\\/skylor-tutor\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/viviane-design.com\\\/skylor-tutor\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/viviane-design.com\\\/skylor-tutor\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/viviane-design.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Skylor Tutor\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/viviane-design.com\\\/#website\",\"url\":\"https:\\\/\\\/viviane-design.com\\\/\",\"name\":\"Viviane Carvalho Studio\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/viviane-design.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Skylor Tutor - Estudio Viviane Carvalho","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/viviane-design.com\/es\/skylor-tutor\/","og_locale":"es_ES","og_type":"article","og_title":"Skylor Tutor - Viviane Carvalho Studio","og_description":"Web DesignSkylor TutorSkylor Tutor is a next-generation online learning platform that connects students, tutors, and administrators through a personalized digital experience. Featuring real-time learning, smart tutor matching, and AI-powered tools like Tutor Twin, the platform enhances learning while providing educators with the tools to manage sessions and track student progress. Designed with accessibility and user […]","og_url":"https:\/\/viviane-design.com\/es\/skylor-tutor\/","og_site_name":"Viviane Carvalho Studio","article_modified_time":"2026-08-04T00:52:42+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/viviane-design.com\/skylor-tutor\/","url":"https:\/\/viviane-design.com\/skylor-tutor\/","name":"Skylor Tutor - Estudio Viviane Carvalho","isPartOf":{"@id":"https:\/\/viviane-design.com\/#website"},"datePublished":"2026-06-14T18:17:36+00:00","dateModified":"2026-08-04T00:52:42+00:00","breadcrumb":{"@id":"https:\/\/viviane-design.com\/skylor-tutor\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/viviane-design.com\/skylor-tutor\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/viviane-design.com\/skylor-tutor\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/viviane-design.com\/"},{"@type":"ListItem","position":2,"name":"Skylor Tutor"}]},{"@type":"WebSite","@id":"https:\/\/viviane-design.com\/#website","url":"https:\/\/viviane-design.com\/","name":"Estudio Viviane Carvalho","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/viviane-design.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"}]}},"_links":{"self":[{"href":"https:\/\/viviane-design.com\/es\/wp-json\/wp\/v2\/pages\/40","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/viviane-design.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/viviane-design.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/viviane-design.com\/es\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/viviane-design.com\/es\/wp-json\/wp\/v2\/comments?post=40"}],"version-history":[{"count":13,"href":"https:\/\/viviane-design.com\/es\/wp-json\/wp\/v2\/pages\/40\/revisions"}],"predecessor-version":[{"id":515,"href":"https:\/\/viviane-design.com\/es\/wp-json\/wp\/v2\/pages\/40\/revisions\/515"}],"wp:attachment":[{"href":"https:\/\/viviane-design.com\/es\/wp-json\/wp\/v2\/media?parent=40"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}