Overview
For a long term project, MyMiniFactory sought professional UI/UX help with key tasks, the completion of which was required to achieve larger business goals over a period of three years. This included reaching a leading position in its marketplace by offering a better set of products than the competition.
Foliosofy worked within the UI/UX team, in collaboration with the developers, graphics team and data teams, to realize the roadmap defined by the Product Owners and Stakeholders – which included their user base. In that period,
Foliosofy delivered mockups, prototypes and designs for +60 projects, by following the product development pipeline from ideation to high-fidelity, responsive prototypes.
UI/UX work delivered:
- Complete UI & UX design for multiple key products, including frontend, backend and admin versions. Each project was delivered with annotations, user stories, responsive versions, ad-hoc components and edge cases and handed over for development.
- Landing pages design, fine-tuned for high conversions in collaboration with the Data team.
- Creation of a full design system from scratch, consistent with the brand design language.
- Development of a custom component library, with 200+ frontend-ready components and documentation.
- Redesign of the communicational & transactional email templates
- A strategy to integrate the workflow and handover between the UI/UX team and the frontend team. This involved finding a process to translate Figma components into frontend-ready components in Storybook, built in React.js.
- A complete brand style guide, defining rules for visual communication across all products.
- User research, including usability tests, surveys, card sorting, A/B tests, gathering data from multiple sources, generating actionable insights to help shape the product roadmap.
Within this time frame, similar work was done in parallel for multiple platforms which were part of the parent brand. One of such platforms is YouMagine.com, which Foliosofy designed from scratch. More details about the overall project and its results are available upon request.
Examples of components
A few of the custom components from the MyMiniFactory Component Library
Homepage redesign
Before
Due to the critical importance of the homepage in the user’s journey, this revamping project took months of planning, internal discussions and research before any design work started. This was the first time in over 3 years that the homepage would undergo significant changes, and they not only affected the design but the functionality, the Information Architecture, the navigation paths and even the offers presented.
After
The redesigned User Experience was positively received by over 99% of the user base. This resulted in almost immediate increases in revenue for the creators and ultimately for the platform. Factors that helped this improvement include:
- Clearer navigation paths towards purchase funnels.
- Decluttering of the UI and removal of content which was of lower relevance for the users and lower priority for the business.
- A more modern look and feel which increased trust and helped the platform be on par with the UX of larger competitors.
- A restructuring of the layout to push the largest creators on top, directly impacting the visibility and traffic towards them.
Responsive versions of the revamped home page
Including ultrawide screen sizes and small mobile devices. The interaction was designed to be consistent across devices, so that users could perform all actions and see the content without device-specific features, like hovering..
Analytics Dashboard
Samples from one of the last product designed by Foliosofy, following the specifications from Product Owners & Stakeholders. The analytics dashboard was completely redesigned and expanded in functionality. This example illustrates different loading states for the data on the dashboard.
