The Secret UX Design Process: An Actionable Guide To Create The Web Design of Your Fashion Company

 

Intro

Every fashion company’s product strategy should include the UX process, which is exactly what we provided for TFM, a unique Model Agency. A broad scope of UX techniques are available and the type that proves appropriate for a business will be contingent on a few factors, such as the specific project outlook, team expertise, the target date, how much funding is attainable, and precisely which client requires help with the UX design process. Our UX designers aim to implement the correct methodology at the right time and with the optimal approach.

While there are myriad approaches to UX design, here at the WATT Agency we focus our attention on the following techniques, in the following order:

1-SMART Goals Setting.

2-Competitor Research.

3-Flows Definition.

4-Stakeholders Feedback.

5-Sitemap Creation.

6-Wireframes Creation.

7-Web Design Creation.

 

1-Setting SMART goals

 

-Specific: The creation of an intuitive design that was simple to understand. For TFM, we concentrated on reading the portfolios and facilitating the filters.

-Measurable: A scale of 1 to 5, where 1 is “complicated to understand” and 5 is “understandable and intuitive”, TFM measured a 5 quality design.

-Achievable: Adequate resources, budget and time made the project achievable.

-Realistic: Deliver understandable and intuitive wireframes to create the final design based on them.

-Time-framed: November, 2016.

 

2- Competitor Research

 

Conducting a review/audit of websites and applications competing in the same niche; performing user testing of competing sites; curating a report that encapsulates the competitive outlook. Regulating sessions for user testing purposes. These sessions can generate important insights and help us to determine what it takes to get that all-important ‘edge’ over industry competitors. Competitive analysis also proves useful for ascertaining where a product stands in comparison with products from rival companies. We took into account:  Account filters, flows for both product owner and talents. This is an example of the brand the nextmodel.com:

 

 

 

 

3-Defining Flows

 

In order to achieve a smooth UX process, user flows must be perfect. Much like water flows smoothly along a stream, a website must “flow” just as effortlessly in terms of responsiveness. At this stage, the UX designers take into account the consumer and how he or she will review and receive reports. Prior to establishing flow, it is important to determine where website visitors are coming from. By defining the entry points, the behavior of users can be better understood.

 

For example, for our customer, initially, we came up with these ideas and observations (This would be different if you have a Fashion Brand or if you are a Fashion Blogger):

 

-Locations Filter: Mumbai, Dubai, Oslo, Berlin.

-Menu: Independent from menu. Like Next Management Opening new tabs to different webs.

-Home: Last works from models or mainboard? Social media?News?

-Filters: Defines filters. Height, bust, waist, hips, shoes, eyes, hair? (Create a system with filters like those will make us different with competition and offer more exact search). Alphabetic filter? What is looking for a product owner?

 

4- Stakeholder Feedback

 

Partnering with key stakeholders is all part of the UX design system -In case you are doing it for yourself, try asking a 3rd party to give you feedback. Appropriate comments can be provided by business stakeholders once they have been presented with the concepts. Healthy input of this kind is essential for project success and in order to accomplish it, the context must be set, clear instructions given, and feedback tracked. Generally, a problem statement will be the foundation of the stakeholder interview, which should be conducted one-on-one. UX design activities can then be carried out based on approval from the stakeholders.

We came up with several questions for our client. These helped us to reach some common ground to start working on. They were as follows:

 

-Will there be more locations in the future?

-Log in: will some users log in?

-We suggest doing a Models, Talents and Artists menu. Approved?

 

To schedule a FREE call analyize your fashion brand channels status, to get ideas and tips LIVE click: HERE NOW 

 

 

5- Sitemap Creation

The sitemap is the structure of the website and helps us define the format, which reduces the possibilities on pages we will develop further. If you adopt the do it yourself (DIY) approach, it is important to take this step, so you are not going back and forth among all the possible ideas. A hierarchical diagram is an integral step of the user-centred process. When creating the wireframes, sitemap creation can be used as somewhat of a reference point.

 

Aside from helping us to identify the relationship between each page, the sitemap is a useful tool for planning overall website design. Furthermore, building a sitemap before designing the website helps to streamline the conversion funnel and clarify the specific goals of a site.

 

On our example, with the data collected we presented the following wireframe to Thomas.

6- Wireframes Creation

 

You can consider a wireframe the floorplan of a website. The user interface’s visual representation has no branding, nor does it have any visual design. Its purpose is to enable the designer to figure out which order the pages ought to go in. Order is generally determined in terms of user requirements. The wireframe will usually contain a page title and reference number.

As you can see in the example below, a wireframe is a low-fidelity, simplified outline of your product. You can usually recognize them by their distinctive block layouts, use of lines to represent text, and “✕” squares indicating placeholders for future images.

These are the wireframes we sent to the customer. We had two rounds of feedback before moving to the design stage.

 

 

7- Web Design Creation

 

The design phase is where the production of high-fidelity design is fleshed out, content and digital assets are created, and a high-fidelity version of the product is validated with stakeholders and end-users through user testing sessions. At this stage, the designer strives to deliver a smooth user experience and finalise a design that resonates with the market. The role of the UX Designer shifts from creating and validating ideas to collaborating with developers, so that the vision can be guided and accomplished. As a result, the client is supplied with a dynamic website that converts well and attracts a steady stream of traffic.

Now if you want to check how it looks, please access:  www. tfmmodels.com

 

To schedule a FREE call analyize your fashion brand channels status, to get ideas and tips LIVE click: HERE NOW 

 

Share this post