{"id":289,"date":"2025-06-03T19:14:03","date_gmt":"2025-06-03T19:14:03","guid":{"rendered":"https:\/\/icarosantos.com\/?page_id=289"},"modified":"2025-06-04T19:29:23","modified_gmt":"2025-06-04T19:29:23","slug":"interocket","status":"publish","type":"page","link":"https:\/\/icarosantos.com\/en\/interocket\/","title":{"rendered":"Interocket"},"content":{"rendered":"
\n
\n
\n
\n

Interocket<\/strong>\u2022 Mobile Product Design<\/p>\n\n\n\n

Microblogging platform for personalized reading and agile publishing<\/h2>\n\n\n\n

Interocket is a microblogging platform designed to optimize the experience of reading and publishing user-generated content, promoting agility, personalization and intuitive navigation, differentiating itself from traditional solutions on the market.<\/p>\n<\/div>\n\n\n\n

<\/div>\n<\/div>\n\n\n\n
\"\"<\/figure>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
\n

About the process<\/strong><\/h3>\n<\/div>\n\n\n\n
<\/div>\n<\/div>\n\n\n\n
\n
\n

Immersion<\/h4>\n\n\n\n

Identification of the need for a dynamic and focused environment, which prioritizes sharing between users with similar interests.<\/p>\n<\/div>\n\n\n\n

\n

Analysis<\/h4>\n\n\n\n

Structure fluid navigation, with reduced clicks and easy access to the desired content.<\/p>\n<\/div>\n\n\n\n

\n

Ideation<\/h4>\n\n\n\n

Propose solutions that minimize common obstacles in competing platforms, with a focus on simplifying the creation of long texts and articles.<\/p>\n<\/div>\n<\/div>\n\n\n\n

\n
\n

Prototype<\/h4>\n\n\n\n

Development of a layout that combines successful elements of consolidated social networks, combined with a clean and accessible interface.<\/p>\n<\/div>\n\n\n\n

\n

Test<\/h4>\n\n\n\n

Iteration based on qualitative feedback, adjusting aspects such as component positioning, dark mode activation and spacing refinements. Final tests validated the proposal, highlighting its efficiency and consistency.<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n

\n
\n
\n

Information architecture and lean navigation<\/strong><\/strong><\/h3>\n\n\n\n

The navigation structure was designed to minimize the number of clicks between the start of the journey and the achievement of the user's objectives, resulting in a more assertive and direct flow.<\/p>\n<\/div>\n\n\n\n

<\/div>\n<\/div>\n\n\n\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n
\n
\n

Style Guides and Design Tokens<\/strong><\/h3>\n\n\n\n

The design system was developed to ensure visual and functional consistency:<\/p>\n\n\n\n

    \n
  • Colors: palette validated with contrast tests, balancing primary, neutral and feedback tones.<\/li>\n\n\n\n
  • Typography: use of the Roboto font in two hierarchies, promoting clarity and readability.<\/li>\n\n\n\n
  • Spacing: elements sized following the multiple of 8 rule, ensuring visual harmony.<\/li>\n<\/ul>\n\n\n\n

    Design decisions prioritized accessibility, with a focus on adequate contrast and generous spacing, providing comfort and clarity in reading for different user profiles. The design system was developed to ensure visual and functional consistency:<\/p>\n<\/div>\n\n\n\n

    \n
    \"\"<\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
    \n
    \n
    \n

    Design focused on personalization and efficiency<\/strong><\/h3>\n\n\n\n

    The final versions were consolidated from low-fidelity prototypes, hand-drawn wireframes and an information architecture oriented towards reducing the number of steps until content consumption and publication.<\/p>\n\n\n\n

    This flow was validated by benchmarks and user testing, ensuring that the proposal was lean, straightforward and more efficient than comparable platforms.<\/p>\n<\/div>\n\n\n\n

    <\/div>\n<\/div>\n\n\n\n
    \"\"<\/figure>\n\n\n\n
    \n
    \n
    \"\"<\/figure>\n<\/div>\n\n\n\n
    \n
    \"\"<\/figure>\n<\/div>\n\n\n\n
    \n
    \"\"<\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
    \n
    \n
    \n

    Final considerations<\/strong><\/strong><\/h3>\n\n\n\n

    This project delved deeper into the analysis of interactions and critical points on contemporary social platforms. While networks like Facebook, Twitter, and Medium already perform well in the role of connecting users to information, Interocket sought to innovate by simplifying and optimizing the experience, balancing personalization, agility, and functional design. simplificar e otimizar a experi\u00eancia<\/strong>, equilibrando personaliza\u00e7\u00e3o, agilidade e design funcional.<\/p>\n\n\n\n

    Used tools:<\/strong> Figma, Discord, Google Forms.<\/p>\n<\/div>\n\n\n\n

    <\/div>\n<\/div>\n<\/div>\n\n\n\n
    <\/div>","protected":false},"excerpt":{"rendered":"

    Interocket\u2022 Mobile Product Design Plataforma de microblogs para leitura personalizada e publica\u00e7\u00e3o \u00e1gil Interocket \u00e9 uma plataforma de microblogs projetada para otimizar a experi\u00eancia de leitura e publica\u00e7\u00e3o de conte\u00fados gerados por usu\u00e1rios, promovendo agilidade, personaliza\u00e7\u00e3o e uma navega\u00e7\u00e3o intuitiva, diferenciando-se de solu\u00e7\u00f5es tradicionais do mercado. Sobre o processo Imers\u00e3o Identifica\u00e7\u00e3o da necessidade por um […]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":5,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-289","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/icarosantos.com\/en\/wp-json\/wp\/v2\/pages\/289","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/icarosantos.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/icarosantos.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/icarosantos.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/icarosantos.com\/en\/wp-json\/wp\/v2\/comments?post=289"}],"version-history":[{"count":5,"href":"https:\/\/icarosantos.com\/en\/wp-json\/wp\/v2\/pages\/289\/revisions"}],"predecessor-version":[{"id":350,"href":"https:\/\/icarosantos.com\/en\/wp-json\/wp\/v2\/pages\/289\/revisions\/350"}],"wp:attachment":[{"href":"https:\/\/icarosantos.com\/en\/wp-json\/wp\/v2\/media?parent=289"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}