rapid
re-design: 
hinge

​1. Critique of Initial Design:

• Imbalance in Design

  • ​The initial design exhibited a sense of visual misbalance, with the left side of the profile feeling noticeably heavier than the elements on the right. This imbalance created a lack of visual harmony and impacted the overall user experience.

•  Lack of Visual Consistency

  • ​The presence of a black-filled upgrade button appeared jarring and inconsistent with the app's established design style, creating a visual disconnect that affected the overall aesthetic coherence of the page.

• Unnecessary Visual Clutter

  • ​The prominence of the "Add to Instagram" section occupied an excessive amount of screen space, leading to unnecessary visual clutter and detracting from the overall visual appeal of the profile page.

• Suboptimal Call-to-Action Placement

  • ​The positioning of the Boost button in the initial design was not conducive to user engagement, with its placement hindering effective user interaction and limiting the visibility of its key functionality and benefits.

• Non-Intuitive Navigation

  • ​The lack of intuitive access to the "View Profile" feature, accessible only through the "Edit Profile" option, led to non-intuitive navigation for users, resulting in a less streamlined and user-friendly experience.

 

2. Approach:

​The approach involved a meticulous analysis of the current Hinge profile page, with a specific focus on identifying areas for improvement based on user interaction and visual design principles. Leveraging the feedback gathered, the project emphasized the redesign and repositioning of various interface components to enhance visual balance, increase user engagement, and improve the overall user flow.

​

3. Key Design Changes and Enhancements:

1. Repositioned and centered key elements, such as the profile picture and user's name, to achieve a more balanced and visually appealing layout, enhancing the overall aesthetic coherence of the profile page.

2. Refined the design of the upgrade button by transitioning from a black fill to a white fill with a black stroke and text, aligning it more closely with the app's existing design language and ensuring a smoother visual integration within the overall interface.

3. Optimized the "Add to Instagram" section by reducing its prominence and refining the call-to-action caption to occupy less screen space. Additionally, the incorporation of a subtle internal shadow effect aimed to add depth to the element, enhancing user engagement without compromising screen real estate.

4. Enhanced the visibility and prominence of the Boost feature by adjusting the button's color scheme to increase contrast with the surrounding elements. Repositioning the Boost callout to a more central location aimed to improve user attention, while emphasizing the call-to-action text "Get seen by 11x more people" highlighted the feature's benefits for users.

5. Improved the accessibility of the View Profile option by introducing a dedicated tab in the main menu. Placing this tab as the first item in the menu hierarchy aimed to enhance user intuitiveness and provide immediate access to one of the app's most frequently used features, streamlining the user experience and navigation flow.

​

​