logo

Stech Case Study

Stech Group is the parent company of many subsidiary businesses such as  agro-fishing, auto brick production, ICT, travel business and many more. They have expanded their business in many countries. They are also planning on spreading their business in the textile sector.The main goal of the Stech Group is to improve the economic condition of Bangladesh. Stech Group approached Qtec Solution Limited with a vision to create a website using advanced technology which gives an attractive look. Which will draw the attention of clients in Bangladesh, Saudi Arabia, Korea, Malaysia, Singapore etc. The team of Qtec Solution Limited have given their utmost dedication and hard work to build this website. The website of Stech Group was built using Django/Python at the backend with templates on the front.


client-requirements

Client Requirements

The client requested a portfolio platform with excellent UI/UX design. One of the requirements was an adverb to cover their business, services, clients, company details, strength etc content. Here they wanted to add different images and videos. A 3D logo along with transitions was requested.They wished to have a fluid animation and uses of three.js. Different languages such as Arabic, Korean, Bangla was also a significant request as they will run operations in multinational countries.Qtec Solution Limited is an expert in UI/UX design in Bangladesh. It was one of the challenging projects but the team did an excellent job. The team provided pixel perfect design according to client requirements.

client-requirements

Key features

Fluid Animation

We have implemented fluid animation in most of the pages. Colorful smoke appears while hovering the mouse throughout the pages. This fluid animation gives a bright look to the website. It also keeps the viewer engaged for a longer time on the website.

Three.js

Three.js is used to make the 3D logo . The logo moves slightly here and there when the mouse is hovered on the logo.

Multi Language

The website can be used in multiple languages such as Arabic, Korean, Bangla, English and Chinese. For every individual language there is a data field in the backend. When one particular language is selected from the frontend, the particular data field in the backend is translated into that language and shown in the frontend.

Mobile friendly

The Stech website is built in a mobile friendly way. The website can be used in every IOS and Android device the same as a computer. Every content is super user friendly while browsing on different devices. The website looks amazing when visitors are browsing from mobile devices. It’s a mobile first designed website.

100% Dynamic Content

Stech Group website is made with 100% dynamic content functionality. Here the contents, pictures, videos, sections can be changed from the backend by an admin according to clients requirements.

Digital Ocean Space

We have used digital ocean space for this website. All the images of this website are stored in Digital Ocean space. When people browse the website from different locations the images load very fast.

How we build it?

The main goal of Qtec Solution Limited while building this website, was to create an attractive look for the website. To achieve this we have inserted fluid animation on mouse hover effect, used three.js to create the 3D logo, various transitions on logos and images, unique drop down menus etc. Some important sections such as their concerns, services, and clients are developed in a way that is mobile friendly.

hwo-build-thumbnail

Technologies

Django

Django is a python based high level web framework. It is free and open source. This framework is maintained by the Django Software Foundation. The main goal of Django Python is to ease the formation of complicated database driven websites.

Figma

Figma is a web based graphics editing and user interface design app.You can use it to do all the graphic design work from wireframing websites, designing mobile app interfaces, prototyping designs. Crafting social media posts and everything in between.Figma is one of the most revolutionary graphics editing apps that is taking over the world by storm.

Nuxt.js

Nuxt.js is a framework for creating universal vue.js applications. It is a free and open source javascript library. The goal of nuxt.js is to assist vue.js developers so that they can avail top flight technologies, fast, easy and in an organized way. Nuxt is simulated by Next.js which is a similar framework based on React.js.

DigitalOcean

DigitalOcean is a unique cloud hosting provider that delivers cloud computing services to business entities. Without compromising on performance, DigitalOcean applications run parallel within various cloud servers. It held the place of third largest cloud hosting company in terms of web facing computers in 2018. DigitalOcean infrastructure is a leading cloud service provider.

REST API

REST API(Application Programming Interface) is an interface that two computer systems use so that information can be exchanged over the internet securely. In order to perform many tasks most business applications have to communicate with other internal and third party applications. REST API supports this information exchange because they follow secure, reliable and efficient software communication standards.

Vue.js

Vue.js is a javascript framework developers mainly use to create interactive user interfaces. This framework is lighter and more adaptable. Which is why many developers from beginners to experts prefer it. Vue.js can be applied to both desktop and mobile app development.