Shaping order
out of chaos
Favorite Stories VK
Favorite Stories VK
Favorite Stories VK
This project was developed as a concept for a design competition organized by VK, aiming to enhance the user experience by introducing a new "Recommended Stories" section.
The section provides users with curated stories tailored to their interests, while also enabling them to organize favorite content by tags, authors, and locations on a map. The design seamlessly integrates into VK's platform, offering intuitive exploration and personalized content recommendations.
This project was developed as a concept for a design competition organized by VK, aiming to enhance the user experience by introducing a new "Recommended Stories" section.
The section provides users with curated stories tailored to their interests, while also enabling them to organize favorite content by tags, authors, and locations on a map. The design seamlessly integrates into VK's platform, offering intuitive exploration and personalized content recommendations.
Contribution
Contribution
UI Design
UI Design
Design Competition
Year
Year
2021
2021
Ideation
Ideation
Problem
VK had no dedicated space for personalized story recommendations, limiting content discovery.
Problem
VK had no dedicated space for personalized story recommendations, limiting content discovery.
Problem
VK had no dedicated space for personalized story recommendations, limiting content discovery.
Approach
Explored seamless entry points, intuitive navigation, and clear content presentation to enhance story discovery.
Approach
Explored seamless entry points, intuitive navigation, and clear content presentation to enhance story discovery.
Approach
Explored seamless entry points, intuitive navigation, and clear content presentation to enhance story discovery.
Key Steps
Key Steps
User Flow Definition
Defined flows for accessing the section, navigating between categories (Tags, Authors, Places), exploring stories via the map, and interacting with the recommendation system through likes/dislikes.
Defined flows for accessing the section, navigating between categories (Tags, Authors, Places), exploring stories via the map, and interacting with the recommendation system through likes/dislikes.
Wireframing
Created low-fidelity wireframes to outline the structure and functionality of the section.
Created low-fidelity wireframes to outline the structure and functionality of the section.
Iterated based on usability considerations to ensure smooth navigation and alignment with VK’s design guidelines.
Iterated based on usability considerations to ensure smooth navigation and alignment with VK’s design guidelines.
High-Fidelity Mockups
Designed polished screens using VK’s component library and design system for scalability and seamless integration into the platform.
Designed polished screens using VK’s component library and design system for scalability and seamless integration into the platform.
Design
Design
Entry Point, Favorites, and Tags Tabs
Distinct Visual Identity
Introduced a purple highlight for the entry point to differentiate the new section from other stories.
Distinct Visual Identity
Introduced a purple highlight for the entry point to differentiate the new section from other stories.
Enhanced Discoverability
Implemented trending panels and robust search tools for tags, authors, and locations, allowing users to find content effortlessly.
Enhanced Discoverability
Implemented trending panels and robust search tools for tags, authors, and locations, allowing users to find content effortlessly.
Interactive Map
Designed a dynamic map feature with a movable pin, enabling users to explore stories by specific geographic locations.
Interactive Map
Designed a dynamic map feature with a movable pin, enabling users to explore stories by specific geographic locations.
Personalized Recommendations
Incorporated likes and dislikes to refine content suggestions over time, enhancing user engagement and relevance.
Personalized Recommendations
Incorporated likes and dislikes to refine content suggestions over time, enhancing user engagement and relevance.
Design Consistency
Used VK’s design system and component library to maintain visual and functional consistency across the platform, ensuring scalability of the new section.
Design Consistency
Used VK’s design system and component library to maintain visual and functional consistency across the platform, ensuring scalability of the new section.
Outcomes
Outcomes
Locations, Interactive Map, and Story Example
Solution
A dynamic and personalized storytelling section designed for seamless integration with VK’s platform.
Solution
A dynamic and personalized storytelling section designed for seamless integration with VK’s platform.
Solution
A dynamic and personalized storytelling section designed for seamless integration with VK’s platform.
Lessons Learned
Mastering Design Systems
Enhanced my ability to work with design systems, reuse components, and create scalable, consistent mockups;
Mastering Design Systems
Enhanced my ability to work with design systems, reuse components, and create scalable, consistent mockups;
Adapting to Constraints
Strengthened my ability to balance creativity with adherence to VK’s design system.
Adapting to Constraints
Strengthened my ability to balance creativity with adherence to VK’s design system.
Working with Feedback
Learned to embrace criticism after receiving detailed feedback from organizers, who praised intuitive navigation while suggesting improvements to hierarchy.
Working with Feedback
Learned to embrace criticism after receiving detailed feedback from organizers, who praised intuitive navigation while suggesting improvements to hierarchy.
Other Projects
Other Projects
