Glance – Website [mobile version]

Glance is a service-based stylistics studio and atelier, working worldwide online and offline. Glance provides:

• Custom Tailoring
• Repair and hemming of clothes
• Image consulting
• Outfit selection
• Bespoke / Unique Fashion

The process of design consisted of 6 parts:

1. Competitors Analysis
2. Custdev
3. Information architecture
4. Wireframes
5. Choosing Visual Concepts
6. Building UI kit and Prototype

Competitors Analysis

I was looking for similar fashion digital services. All in all, I found 3-4 websites and instagram profiles. Then, I chose three main approaches which I can use for my further concept:

1. Fashion service page on Fiverr Ad freelance platform
2. Instagram blog
3. Standalone website

I created a table which compares and highlights features of these service types. Short summary of the analysis:

• Fiverr Ad provides a lot of details of services and shows CTAs to stimulate purchases;
• The instagram page has visual examples of services and availability to chat with a freelancer;
• The standalone website has aesthetic design but lack of interactions with a user.

Custdev

Then I decided to ask different people about their experience with fashion industry to understand the target audience deeply.

Short summary of feedback:

• People are afraid of dealing with poor quality service.
• Work examples are important.
• The less show-off, the better. Fashion is often an arrogant industry, but people need real advice and help, not condemn.
• People want to deal with a freelancer, rather than a studio.

Information architecture

I created a model of information and entities that potentially will be used on pages. Main entities / sections are:

• Brand overview
• Stylists
• Services
• Examples of work
• Freelancers Hiring
• Legal Information
• CTAs

Wireframes

Next, I created wireframes of page states to understand how much sections I will have and what user path will be implemented. What I got:

• The only page itself:
• Navbar: used for navigation and CTA.
• Hero: used to make a first impression and briefly talk about the page.
• Social medias section: used to enter a user in the social network for closer ties with the brand.
• Services section: used to show provided services with details.
• Stylists section: used to show real people working in the company and increase trust, also providing availability to connect with a freelancer individually.
• CTA section: used to request a service.
• Cases section: used to show real cases and show professionalism, if the user did not proceed to CTA.
• FAQ section: used to reassure the user and answer questions that may block the purchase if the user has not yet made a decision at an earlier stage.
• About section: used to show more info about the brand.
• Freelance hiring section: used to get requests from freelancers about their new job at Glance.
• Footer: used to provide basic legal info and mention social medias if the user forgot about them or still doubted.
• Alerts and modals:
• Sidebar with anchors on each section (for mobiles)
• Alert to select a location
• Alert with a form to select services and leave an email for further communication

Choosing Visual Concepts

So, visuals are remaining. Main ideas I got so far:

1. Balance between minimalistic and clearly understandable page to be closer to the user, rather than trying to show "high fashion".
2. Using bright and warm colors but not overloaded. Warm colors are conducive to dialogue.
3. It is necessary to highlight the "bespoke fashion" service, as it is more about uniqueness and a completely individual approach.

Building UI kit and Prototype

I tried to build basic UI Kit and link a prototype for several purposes:

1. More detailed understand of possible states.
2. Availability to expand the service and build next sections / pages faster.

It doesn't still cover all of states but gives a basic vision.