SAMSUNG DESKTOP APP

Crafting an Effective Samsung Desktop App for Samsung Academy Training Centre

PROJECT BACKGROUND

The Samsung Academy Training Centre offers the best materials to ensure that samunsung products knowledge of our staff and retail partners is maintained at a high level.

This training platform is built for success, designed to help great teams grow by providing a robust, intuitive solution for delivering comprehensive and up-to-date educational content,tracking progress, awards, and enhancing the overall training experience.

Role

UX/UI Lead Designer (Myself), Copywriter, Journalist/TV Producer, Project Manager, Mobile App Developer, Quality Assurance (QA) Tester

Tools

Timeline

8 Weeks

Process

Discovery, Define, Ideation, Design, Handoff

Samsung Academy

PROJECT OVERVIEW

The Samsung Academy Training Centre desktop app was designed to maintain high product knowledge among our retail partners, enhancing training efficiency and effectiveness.

As a UI/UX designer, I collaborated closely with developers and stakeholders to create a user-friendly, intuitive platform that supports trainers in delivering comprehensive educational content and tracking trainee progress.

PROBLEM

Ensuring consistent and high-level product knowledge among retail partners is crucial for Samsung's success. Existing training methods lacked efficiency and engagement, leading to gaps in knowledge retention and application.

SOLUTION

Develop a robust, user-friendly desktop app for the Samsung Academy Training Centre. The app is designed to streamline training delivery, provide up-to-date educational content, and offer comprehensive tracking and feedback mechanisms.

GOALS

The goal are to Enhance the efficiency and effectiveness of training programs. Improve user engagement and knowledge retention. Support trainers in delivering high-quality education to retail staff. Foster the growth and success of retail teams.

DISCOVERY

KICKOFF

The project kickoff took place in our office at Samsung HQ, in which involved outlining the primary objectives of the Samsung Academy Training Centre desktop app, assigning roles, and establishing timelines. Stakeholders, including myself, trainers and developers, gathered to align on the vision, discuss initial design concepts, and set clear milestones for development and deployment.

TEAM QUESTIONS BROARD

We documented project-related questions to better understand the goals for the ÈRE TV app. Whenever a team member was unsure what to ask, I encouraged them to research common UX design questions. The answers helped clarify our direction and ensured all team members were aligned on the project's requirements and objectives.

DEFINE

USER PERSONA

In developing the Samsung Academy Training Centre desktop app, I identified key challenges and needs faced by both trainees and trainers. By creating a detailed user persona for Tom, a Samsung Regional Trainer, I was able to capture essential characteristics and behaviors. This insight allowed us to design the app to meet specific trainer expectations, enhancing their ability to deliver effective and engaging training sessions to retail staff.

EMPATHY MAPPING

To ensure a user-centric design for this project, we employed empathy mapping to understand the needs and challenges of Samsung staff and retail partners. This guided us in designing features that enhance their learning experience and drive sales performance effectively through our desktop app.

IDEATION

SCENARIOS

To guide the ideation phase for the Samsung desktop app, we developed key user scenarios that align closely with the training needs of Samsung staff and retail partners. These scenarios were prioritised to ensure the initial release focuses on essential functionalities, paving the way for future enhancements and expanded capabilities as the app evolves.

USER FLOW

I started by mapping out user flows to translate into screens and wireframes. I ensured seamless transitions between screens by refining the flow and maintaining consistency throughout the design process. Despite the complexity of managing numerous screens, I conducted regular design sessions to collaborate effectively with the team, sharing insights and optimising our workflow using tools like Figma. This approach aimed to streamline the design process and uphold a cohesive user experience across all app interactions.

DESIGN

WIREFRAMES

I initiated the wireframing process for the Samsung desktop app, meticulously organising its structure and converting user flows into coherent screens. I focused on refining transitions for a seamless user experience, addressing challenges posed by the app's complexity with regular design sessions. Throughout, I fostered collaboration by sharing efficiency tips in Figma with my team to expedite workflow. Maintaining consistency in the wireframes was paramount to ensure clarity and usability across all stages of app development.

LOW-FIDELITY PROTOTYPE

In the initial phase of wireframe and the approval we received from the project manager, I created the low-fidelity prototypes to establish the foundational framework and user interactions. These early-stage sketches and wireframes served as crucial tools for identifying usability issues and gathering valuable user feedback. Emphasis was placed on refining the app's layout, navigation, and core functionalities, facilitating quick iterations and enhancements before progressing to more intricate design and development stages.

UI INSPIRATION

The style design of the SAMSUNG DESKTOP APP is rooted in Samsung's comprehensive design system guidelines, as illustrated in the example on the left image. This approach ensures that the app inherits Samsung's recognized aesthetic principles, including typography, iconography, spacing, and overall visual hierarchy. By adhering closely to these guidelines, the app maintains a cohesive and professional look, resonating with users familiar with Samsung's product ecosystem while promoting a seamless and intuitive user experience.

SAMSUNG COLOURS GUIDELINE

For the "UI inspiration", the color palette draws from Samsung's brand guidelines, reflecting the cohesive visual identity seen across all Samsung products. This choice ensures consistency and familiarity for users, aligning the app seamlessly with Samsung's established design language. The interfaces showcase these colors applied thoughtfully, enhancing usability and reinforcing the brand's presence throughout the app experience.

SAMSUNG BRAND GUIDELINE

SAMSUNG DESKTOP APP COLOURS

Blue

#1429a0

Dark

#000

White

#FFFFFF

Grey

#303030

TYPOGRAPHY

Font Family | Samsung

ICONOGRAPHY

Samsung TV app Icons

Logo

Samsung Academy

DESKTOP APP LOGO

SAMSUNG ACADEMY DESKTOP APP LOGO

GRID SYSTEM

ÈRE TV App Grid

HIGH FIDELITY PROTOTYPE

As we moved forward with the project, I developed on the high-fidelity prototypes and represent the final design accurately. These detailed prototypes included refined visuals, interactive elements, and complete user flows, ensuring a realistic preview of the app's functionality. By simulating the final user experience, these high-fidelity prototypes allowed for thorough user testing and feedback, helping us identify and address any issues before development. This process ensured that the design was polished and ready for a seamless handoff to the development team.

HANDOFF

DEVELOPPER HANDOFF

While awaiting project manager feedback on the high-fidelity screens for the Samsung Desktop App, I initiated the developer handoff process to ensure a smooth transition from design to development. Using collaborative tools like Figma, designers meticulously annotated their workflows, specifying spacing, padding, and interaction details. This clear documentation ensured that developers had precise guidance on implementing design elements, minimising ambiguity and ensuring fidelity to the intended user experience. Regular sync-ups between designers and developers further facilitated alignment, fostering a seamless integration of design and functionality.

REFLECTION

TAKEAWAYS & NEXT STEPS

Reflecting on the development of the Samsung Desktop App, we gained valuable insights into the importance of user-centric design, thorough testing, and effective collaboration between designers and developers. Key takeaways include the significance of empathy mapping in understanding user needs, the efficiency of using low-fidelity prototypes for early feedback, and the precision required in high-fidelity prototypes for final validation. Moving forward, our next steps involve continuously iterating based on user feedback, integrating advanced features, and ensuring the app evolves with Samsung's product offerings to consistently enhance the training experience.

PROJECT BACKGROUND

Role

Tools

Timeline

Process

PROJECT OVERVIEW

PROBLEM

SOLUTION

GOALS

DISCOVERY

KICKOFF

TEAM QUESTIONS BROARD

DEFINE

USER PERSONA

EMPATHY MAPPING

IDEATION

SCENARIOS

USER FLOW

DESIGN

WIREFRAMES

LOW-FIDELITY PROTOTYPE

UI INSPIRATION

SAMSUNG COLOURS GUIDELINE

HIGH FIDELITY PROTOTYPE

HANDOFF

DEVELOPPER HANDOFF

REFLECTION

TAKEAWAYS & NEXT STEPS

Other Projects

Branding Website

ÈRE TV APP