Shop for Minecraft shaders and texture packs
At the end of 2019, I received an order from an American company to reprogram their online store through an acquaintance. Looking for new experience, I accepted the job and so eventually within a few weeks, with the help of other developers of the company, I developed a custom Ecommerce system specifically for their purpose, where I was responsible for the front end of the system.
Project details
| Services | UI/UX Design, Web Development |
|---|---|
| Tools | Adobe XD, jQuery, (ASP.NET) |
| Year | 2019 |
| Preview | continuum.graphics/store |
Job
The company Continuum Graphics LLC. produces so-called texture packs and shaders for the sandbox game Minecraft, which give the game a more realistic look. In the course of moving their website from Squarespace to WordPress, purchases can no longer be made via the corresponding Squarespace integration. Instead, the Continuum Graphics team has opted to develop their own interface for their store and checkout.
The development of the backend (data processing logic) of the site was done by other employees of the company using ASP.NET. My task, on the other hand, was to design the user interface for the new store and checkout and implement it as a template using HTML, CSS and JS. I didn't want to deviate too much from the old website, but I also didn't want to copy it.
Concept
This store uses the well-known shopping cart principle. The user adds all the products he wants to buy to the shopping cart and can then pay for them in bulk. There is no classic detail page for the products. Instead, users are taken to a detailed information page for each product.
The user must have an account and be logged in for each purchase. To make this possible, both login and registration pages had to be designed. Once logged in as a customer, one can also view all their orders, subscriptions and their settings, as well as manage their downloads and update services if necessary.
Target group
Especially young gamers with powerful computers who enjoy the sandbox game Minecraft and focus more on building than on minigames or PVP are Continuum Graphics' customers. For them, the interface should be easy to understand (even without a strong knowledge of the language).
The company's broader target audience includes all Minecraft players, regardless of age, who want to get beautiful graphics. Customers with less powerful computers will also find lower-resolution texture packs and more undemanding shaders at Continuum Graphics.
Design
The design should use as few different colors as possible. The brown is used as a theme color only in the top navigation bar. The blue and green were simply taken from the product logos and used as accent colors for areas where the product can be seen.
#201A16
#2560A4
#27AE60
Futura PT font comes from the previous design of the website. It symbolizes the simplicity and playfulness of the products with its round shape, however, this font also looks elegant with its sharp edges. For secondary texts, the font Roboto is used so that you can read all the details well and not be distracted by the appearance of the font.
Futura PT
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz , . ! ? / 0 1 2 3 4 5 6 7 8 9
Roboto
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz , . ! ? / 0 1 2 3 4 5 6 7 8 9
Result
Checkout
Checkout
Login
