E-COMMERCE AND UI/UX DESIGN FOR THE ONLINE CLOTHES SHOP

CLIENT BACKGROUND

The client is a graduate of the London School of Design. While he was working in women’s fashion with top London designers, he became fascinated with the wealth of detail that goes into creating the perfect, tailored men’s shirt. His vision became a reality when he founded his own clothing brand in Hong Kong.

BUSINESS CHALLENGE

• Create a website for a well-constructed online shopping of the hand-tailored shirts;
• The main goal was to streamline the ordering process and make it comfortable in use;
• Modify the Shopify CMS settings in a way to allow customers to choose all the best variations for the product.

SOLUTION

We wanted to create an online shopping experience that would reflect that same aesthetic.

Modern consumers may want timeless tradition in a shirt, but they want cutting-edge speed and convenience when they’re ordering online.​

For customers to select every detail such as fabric color, collar style/size, sleeve length, and more fast and easy, we created a Shopping application with possibility to add a huge number of additional fields without slowing down the ordering process.

VALUE DELIVERED BY JETSOFTPRO

• DIGITAL BUSINESS TRANSFORMATION
• SUPERLATIVE UI/UX DESIGN
• BEST PRACTICE DEVELOPMENT
• FIRST-CLASS SHOPPING EXPERIENCE

  PRODUCT OVERVIEW

  We have added new features to the Online E-Commerce Shop:

• “Save” function that allows customers to enter their measurements once and save them for all future purchases;​
• “Wishlist” function, so the buyer can add an item to it and refer to it next time, and other people can use it as a gift-buying guide.

TECHNICAL IMPLEMENTATION

We created a Shopify application that provided a first-class shopping experience.

Our team decided not to create a new plugin. Working with the Shopify CMS reduced our development time and allowed us to build on the existing structure. We created a way to add a huge number of additional fields to choose the best fitting cloth without slowing down the ordering process

To make the online shopping process even more convenient, our team of designers created UI/UX mock-ups for the website using Adobe Photoshop.

XPERIENCE PLUS:FUTURISTIC VIDEO STREAMING PLATFORM

CLIENT BACKGROUND

The idea behind X+ is not new. All the founders share a passion for technology and innovation, and they went through personal situations where their lives were limited. The greatest trigger to accelerate it may have been the COVID-19 lockdown, which impacted and limited so many people´s lives. The team said “Why don´t we have X+ live? Our friends and family are asking for it. We know so many people would be impacted in a positive way”. That´s when the client decided to push it forward.  

BUSINESS CHALLENGE

Motivation to start  Xperience plus is to impact billions of people in a positive way, working on a sustainable framework to support global challenges of economic growth and fight poverty by enabling the economy of passions.  

SOLUTION

1. Approachability of en expertise. We constantly provided the client with accessible people who met the requirements and expectations of the project and were ready to continue the following challenges. A complete software development life cycle was provided by Jetsoftpro company. 
2. Architecture. We participated in the modulation of the technical architecture, as we have relevant experience.  
3. Management. A complete software development life cycle was provided by Jetsoftpro company. The project was being developed by the mobile and back end team during 4-months. 
4. Team extension. We provided cross-platform Mobile development team, Python, AWS infrastructure services and tools, and for sure business analytic and QA. 
5. Design (UI/UX). We created a completely brand-new simply and user-friendly design that is unique and fully met end-users expectations. 

   VALUE DELIVERED BY JETSOFTPRO

• CTO LEVEL CONSULTING 
• DISTRIBUTED TEAM STRUCTURE BUILDING 
• SDLC AND CI/CD PROCESSES ESTABLISHING   
• ARCHITECTURE SOLUTIONS 
• FULL UI/UX APP DESIGN PROCESS

  PRODUCT OVERVIEW

• The main client's goal was to find a partner capable of embracing a pioneering project capable of bringing not only developers but able to react to challenges bringing ideas, suggestions, and solutions.
• The short term goal, moreover, was to create an MVP to show investors the infinite potentiality of the product and start building communities around the platform.
• The second goal was to move forward into development (mobile app, web app, etc.) to include additional business models and create our ecosystem. We didn't create, on purpose, any detailed technical specification, but, on the other side we promoted autonomy and critical thinking.

Once you have the X+ app, you can sign-up as a Dreamer or a Doer. A Dreamer is someone who wants to make their dreams come true and to live them as an experience in real life. Creating a dream is also super easy. Once matched with a Doer, the user can chat and discuss details, including price and exact time for connection.

TECHNICAL IMPLEMENTATION

The main module of the MVP includes the possibility to perform live video streaming between two users (with the possibility of extending the number of users in the future). For that purpose we use AWS solutions combined with the Google solution for WebRTC streaming. The key point is that we pass not only video and audio, but also other data, which allows sending text messages, emoji, charts etc. 

Amazon Web Services were used to deploy the backend infrastructure, which allows you to create flexible and scalable applications. DynamoDB - noSQL database was used to save data, GraphQL was used to access data directly from client app and lambda functions - for more complex operations. The combination of amplify, cloudFormation and cognito user pool services allowed us to use configuration files instead of writing source code. Thus, the backend is completely serverless, which corresponds to modern trends in web development. 

A large number of people are working on the project, so it was important to take this into account in the architectural decision of the system: we use an adapted approach to version control, a strict code review procedure and a customized approach to product deployment so that users had a best working version each time we`re updating the product.  

Controlling the development of such a product could become a comprehensive task without using of Scrum framework, which  people can address complex adaptive problems, while productively and creatively delivering products of the highest possible value. Scrum is founded on empirical process control theory, or empiricism. Empiricism asserts that knowledge comes from experience and making decisions based on what is known. Scrum employs an iterative, incremental approach to optimize predictability and control risk.  

Three pillars uphold every implementation of empirical process control: transparency, inspection, and adaptation.