Documentation of progress in website development with wix.com

Wix is a cloud based software company that provides web development services which helps rookie developers to build professional looking websites with ease (Hoots, 2020). This post will present the whole documentation of the e-commerce website creation from scratch to deployment using Wix editor. Step by step process of website development are illustrated below:


Account Register/ Login:


In these screenshot above it shows wix home page from where we will click "Get Started" and it will redirect us to the Signup and login page as shown below.

In this page new users can get their new account registered and existing user can login to their existing wix account.


New website setup walk through:


If it is the first time creating wix account then it will directly redirect the user to this page above where they can get start to setup website by stating type of website that user is going to build.


After stating the type of users' preferred website it will navigate the user to this page shown above, where they can set the website name.


Furthermore, after setting your website name the next step is to select the wix utility applications in order to pre install it before designing the website.


After selecting the preferred apps from the grid list, it navigates the user to this page shown above where there are two options for editing the website, ready made template and custom template editing option. 


In our case we have selected the custom template option which redirects to this next page presented above. Now, we have done almost majority of the setup task for our website, here it shows the information provided for the users' site for final review.


If everything is fine and good in final review it redirects the user to the next page which is shown above where it provides the options of multiple themes to choose for the website.


After picking the right theme for the website it will take the user to the next page which is home page design selection page where user can choose between multiple home page design and layouts.


Finally, after picking the right home page design the final stage in new website walk through concludes here as it is presented below in the screenshot where user have the options to choose between the pre build pages designs to add in the website. 



Website design phase:


As shown in the image above the website designing phase starts with this page where the wix editor opens with the preview of the website debugged view.


In the wix editor page the image shown above is the elements tool section where the user can access different sorts of elements such as typography, font style, components and so on.


The image shown above is the section tooling of the editor through which the user can add different sorts of sections on the website. 


The image above presents the site settings where the user can configure the whole site settings and customizations such as font style, font size, color scheme and so on.


The section shown in the above image shows the app marketplace of wix where developers and designers can add external apps and features such as payment gateway, ecommerce, and so on into the website.


The image above presents the media section of wix editor where all the media related components and files are managed.


Deployment phase:


Finally, in the deployment phase the final edited website is published to go live on wix server.


Furthermore, designers can edit the mobile view of the website from this pop up dialog option.

Final result:


Finally, the image above shows the final published version of website developed on wix in the web browser. However, this is the first milestone which was to setup the wix website from the scratch using wix editor tools. 


References

Hoots, K. (2020) What is wix & how does it work? Available at: What Is Wix & How Does Wix Work? (merchantmaverick.com) (Accessed: 13/02/2023).


 






Comments

Post a Comment

Popular posts from this blog

Documentation: Customer database in Excel

Image
This post will document the customer database creation process in excel step by step with other tables in relation with the customer. 1. Creating User table (Customer table) The image below illustrates the empty user (customer) table in excel spread sheet with six properties id, first name, last name, email, address and phone. In this entity the user id is the primary key and the address is the foreign key from the address table shown below. The screenshot below illustrates the fully entered data in the user database table. 2. Creating Product table The second table in relation with customer table is product table which contains five properties they are id, title, description, price, and category id. Product id is the primary key and the category key is the foreign key in this table. The image below presents how the data is stored in the product table. 3. Order table This is the third table which stores the order information of users and it has seven properties they are  id, date, quan
Read more

4Ps of Marketing (Product, Price, Place, and promotion)

Image
( Krzywda, 2022 ) The 4 Ps of marketing, also known as the marketing mix, are four key elements that marketers must consider when developing and implementing marketing strategies for a product or service (Kotler & Keller, 2012). The 4 Ps include product, price, place, and promotion. Product refers to the goods or services being offered, and includes elements such as design, features, packaging, and branding (Kotler & Keller, 2012). Price refers to the cost of the product or service and how it is priced in comparison to competitors (Kotler & Keller, 2012). Place, also known as distribution, refers to the channels through which a product or service is made available to customers, such as retail stores, online channels, or through a direct sales force (Kotler & Keller, 2012). Promotion refers to the various marketing efforts used to communicate with and persuade customers, including advertising, sales promotions, public relations, and personal selling (Kotler & Keller,
Read more