Mobile UI Enhancement 1

Published on
Embed video
Share video
Ask about this video

Scene 1 (0s)

© PeopleStrong. Private & Confidential. 1 Mobile App UI Revamp.

Scene 2 (7s)

© PeopleStrong. Private & Confidential. Top Section Redesign Concepts 2 Personalized Greeting: A warm, dynamic greeting tailored to the user's name and time of day, creating a welcoming and personal touch. Compact Punch-In Card: Simplified design reduces visual clutter while saving valuable screen space. Tap to expand functionality for quick access to detailed punch-in/out information. Enhanced Iconography: Introduced micro- interactions for an engaging and interactive user experience. Light Mode Dark Mode.

Scene 3 (28s)

© PeopleStrong. Private & Confidential. Celebrations Component Redesign 3 All-in-One Design: Combines birthdays, work anniversaries, and new joiners into a single component for easy access to all celebrations. Space Optimization: Saves homepage space while keeping the layout visually appealing. Improved Usability: Simplified layout for quick scanning and easy navigation to celebration details. Enhanced Look & Feel: Vibrant design with thoughtful colors, icons, and typography, plus expandable views for more information..

Scene 4 (50s)

© PeopleStrong. Private & Confidential. Upcoming Holidays at a Glance 4 Improved UI & Clearer Look: A sleek, user-friendly design that offers a more intuitive and organized view of upcoming holidays, ensuring a clean and easy-to-navigate experience. Light Mode Dark Mode.

Scene 5 (1m 4s)

© PeopleStrong. Private & Confidential. Module Card Designs 5 Refined Aesthetics: Horizontal cards with a clean, structured format for better readability. Text placed beside the icon ensures quick scanning and easier comprehension..

Scene 6 (1m 16s)

© PeopleStrong. Private & Confidential. Small Tweaks on Today’s Tab 6 The profile icon has been moved to the top left corner Earlier, alerts consisted of both Announcement and Notification tabs. Now, only Notifications are displayed in this section and Announcements have been merged with the events. The search bar has been replaced with a search icon to optimize space. This change allows us to display more bottom cards on the home page for improved content visibility..

Scene 7 (1m 38s)

© PeopleStrong. Private & Confidential. Intuitive Login Screen 7 Immersive Experience: Background video adds a dynamic, engaging element, enhancing user interaction from the first touch. Intuitive Design: Simple and clean layout ensures easy navigation while the video creates an inviting atmosphere. Brand Storytelling: The video can reflect the brand's values or key themes, creating a deeper emotional connection with users.

Scene 8 (1m 56s)

© PeopleStrong. Private & Confidential. Introducing Events.

Scene 9 (2m 3s)

© PeopleStrong. Private & Confidential. Introducing Events and Announcements 9 Personalized Experience: Dynamic theme-based design adapts to user preferences for a relevant and engaging homepage. Enhanced Engagement: Custom visuals and interactive elements create a fresh, immersive experience. Delightful Interface: Aesthetic design enhances the homepage's vibe, making it enjoyable and memorable. Light Mode Dark Mode.

Scene 10 (2m 21s)

© PeopleStrong. Private & Confidential. Event Setup | Types 10 10 Events can be created in two ways: • By creating them from scratch. • By selecting from predefined templates The admin can set the duration and timing for displaying events on both web and mobile platforms. A preview option is also available for events..

Scene 11 (2m 36s)

© PeopleStrong. Private & Confidential. Event Setup | Library 11 11 To simplify the event creation process, the system offers predefined event templates. These templates allowing admins to quickly create standard events without starting from scratch. Templates ensure consistency across events and save time for recurring or frequently held activities.

Scene 12 (2m 52s)

© PeopleStrong. Private & Confidential. Event Setup | Event Details 12 12 Admins can create events by entering essential information such as the event name, start and end date, and start and end time, all of which are optional. Location details, including venue and address, can also be added to provide more context. A dedicated section for the event description is available, allowing up to 2000 characters to briefly outline the purpose or details of the event. This information will appear in the event details section for users to view..

Scene 13 (3m 16s)

CORPORATE OFFICE A 10 Infocity, Sector 34, Gurgaon, Haryana - 122001 E: [email protected] M: +91 9560998686 | T: +911244782400 | F: +911244273762 We’re writing the new code of work.