logo

Stech Case Study

Stech Group is a parent company that operates numerous subsidiaries across diverse sectors like agro-fishing, auto brick production, ICT, travel, and more. With an international footprint, they also plan to extend their reach into the textile sector. Their primary goal is to improve the economic conditions of Bangladesh. Stech Group approached Zensprint with the vision of creating a captivating, technologically advanced website that would appeal to clients in Bangladesh, Saudi Arabia, Korea, Malaysia, Singapore, and other countries. The Zensprint team dedicated their best efforts and expertise to build this website, utilizing Django/Python at the backend with templates on the front.

client-requirements

Client Requirements

Stech Group sought a portfolio platform with top-notch UI/UX design. One of their requirements was a comprehensive adverb covering their business, services, clients, company details, strengths, and more. They wanted to incorporate various images and videos and requested a 3D logo with transitions. Fluid animations and the use of three.js were also in their wish list. They required the site to be available in different languages like Arabic, Korean, and Bangla, reflecting their multinational operations. Despite the project's challenges, the Zensprint team rose to the occasion, providing a pixel-perfect design in line with the client's 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?

While building the website, Zensprint aimed to make it visually attractive. To achieve this, fluid animations were inserted for mouse hover effects, three.js was used for creating the 3D logo, and various transitions were applied to logos and images. Unique dropdown menus were also added for enhanced user interaction. Key sections such as concerns, services, and clients were designed to be mobile-friendly, catering to the modern trends in website access and use.

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.