Project Overview
Emerging companies now have their own online presence on social media.
The establishment of the official Engie brand shop was a fantastic opportunity to get started in the world of coding; in addition to the creation of the brand's branding, we discussed what type of shop would be most useful for this athletic start-up.
Problems
The most difficult difficulty for new developing companies is to create their presence on social media and the internet.
My Role/Responsibilities
Art Direction
Identity, web
Coding
Client communication
Logo design
Structure
Braingstorming
The key research that went into the construction of a sports shop was the understanding that it is a very saturated market and that competition dominates about 80% of the consumers.
Focus Areas
01
What sites are available right now?
02
How do users interact with existing products?
03
What are users current pain points with existing eccomerce shops?
04
What features are essential for online shop?
Site Map
We felt that a basic shop with few steps would be optimal for clients who wanted a straightforward and easy-to-use method.
Persona
We sought to define the target population we intended to attract using the surveys completed at the pre-launch meetings.
Design System
Simplifying complexity
Logo
The Engie logo combines the renowned sports mark with the brand name.
Typography
Two contrasting typefaces were chosen for both their aesthetic appeal and readability at small scales.
Color Palette
This colour palette is a straightforward derivation of the primary colour lime.
Photography
I shot some product photos for the brand.
Coding Stage
All the complexity of creating a Webapp simplified with React.js
At this stage I dedicated myself to create all the code for the website and connect it to the dashboard and accept payments with Stripe.
Coding
Here we are going to see some screenshots taken during the creation stage of the web. this is the most technical part of the whole development process of the project.
Final Design
Final touches
Final touches are presently being applied to the final design and social media deployment.
.png)
Brand Labes
Social media stories
Social media content
Visit live site
Team app site live
Click the image to go to the live site
