![Compilation of brand characters including robots, aliens, a bear, an astronaut and familiars](https://mir-s3-cdn-cf.behance.net/project_modules/1400/f9155d197997117.663a125b76449.jpg)
XWP Website Hero Illustrations & Character World Building
I engaged in a long-term collaboration with agency XWP to craft website hero world illustrations, established with creative characters representing distinct branches of their business. XWP specializes in aiding larger companies transitioning to WordPress, presenting a unique challenges in visually symbolizing this service.
Our primary aim was to cultivate a distinctive style reflective of their forward-thinking brand. Given my expertise in developing new illustration styles, I got the brief. The initial focus centered on establishing a central mascot, per their request—an astronaut—alongside defining the stylistic direction for future illustrations.
Examples of the final work can be seen on their site: xwp.co
All of the illustrations used here are the property of the client. Examples of the final work can be seen on their site: xwp.co
![An astronaut planting a flag with a friend](https://mir-s3-cdn-cf.behance.net/project_modules/1400/5b5427197997117.663a125b75f02.png)
Process & Sketches
The initial color-blocking design laid the foundation, followed by numerous iterations involving color, line, and texture adjustments until the illustrations landed their final form :). The characters, featuring the company logo, were designed to be versatile, suitable for both light and dark backgrounds. Additionally, a smaller companion character was created to further reinforce the brand identity.
The concept for the landing page illustration revolves around a small flag, representing a previous website, being transformed into a larger and improved version by the agency's astronaut mascot.
Subsequently, I was tasked with creating multiple poses of the main mascot for internal use, including: floating, waving, hitchhiking, giving thumbs up, and, of course, dancing. Some examples of the charaters in use are also displayed.
![Design process of the website landing hero image](https://mir-s3-cdn-cf.behance.net/project_modules/1400/a1f70a197997117.663a125b75a32.png)
![Sketches and design process of the main astronaut character in various poses](https://mir-s3-cdn-cf.behance.net/project_modules/1400/005960197997117.663a125b754ce.png)
![The main brand character astronaut in thums-up and dancing position](https://mir-s3-cdn-cf.behance.net/project_modules/1400/b75531197997117.663a125b74f17.png)
![The brand mascot connecting electrical wires](https://mir-s3-cdn-cf.behance.net/project_modules/1400/b3d0b6197997117.663a218b80b72.png)
![Examples of use of the identity mascot in call-to-action segments](https://mir-s3-cdn-cf.behance.net/project_modules/1400/825831197997117.663a218b83ab4.png)
Website Cover Illustrations
Below are some of the website hero illustrations created for the client:
The first illustration showcases the website scalability service with the flags, featuring a character representing the service offered.
The second illustration depicts performance technology, represented by a rocket ship that transforms from a sketched plan into an actual spaceship. This symbolises how the agency helps clients realize their plans effectively.
In the third illustration, 'engineering for good' is portrayed through a giant spaceship construction site, highlighting the agency's commitment to assisting clients in building future-proof solutions.
Lastly, the illustration for 'best talent in the world' features futuristic projector-bots creating a holographic globe with talent markers worldwide, emphasising the agency's ability to attract top talent globally.
![Main landing page cover of the mascot planting a scalable flag](https://mir-s3-cdn-cf.behance.net/project_modules/1400/807f41197997117.663a218b7fc98.png)
![Web Page cover illustration with a technical build of a space rocket](https://mir-s3-cdn-cf.behance.net/project_modules/1400/163835197997117.663a218b84cb9.png)
![A big x-shaped spaceship being constructed in a space dock](https://mir-s3-cdn-cf.behance.net/project_modules/1400/c32de4197997117.663a218b81fc4.png)
![A holographic image of planet earth with user icons for about us hero symbolizing global talent](https://mir-s3-cdn-cf.behance.net/project_modules/1400/5b38b4197997117.663a218b843c6.png)
World Building with Characters
The next step involved populating this brave new world with a diverse range of characters. These characters were developed and designed to represent different sectors of the companies. Below, you'll find some early sketches of the character creation process. Additionally, the characters were crafted in various poses to add depth and versatility to their portrayal.
![A closeup of a sci-fi bear thinking face](https://mir-s3-cdn-cf.behance.net/project_modules/1400/62b17f197997117.663a218b81820.png)
![The process sketches of developing characters for the brand world](https://mir-s3-cdn-cf.behance.net/project_modules/1400/fde2c2197997117.663a218b7e846.png)
![Set of 7 characters designed for the xwp brand](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/a8b241197997117.663a218b7f1f6.png)
![character poses of a futuristic bear](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/d6c7aa197997117.663a218b82706.png)
![Character poses of an alien and a robot in a comic style](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/ea3d0f197997117.663a218b83180.png)
![Character poses of a robot and a disco ball](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/c008bd197997117.663a218b804ca.png)
Additionally, a fun project involved creating a zoom background for the company, featuring the inside of a spaceship. I designed it with a fish-eye perspective and incorporated the main mascot on the exterior.
![A zoom background of a helm of a spaceship with the brand mascot outside of the window](https://mir-s3-cdn-cf.behance.net/project_modules/1400/e9fcee197997117.663a218b7d815.png)
![Hellsjells brand logo over a globe hologram](https://mir-s3-cdn-cf.behance.net/project_modules/1400/2857bd197997117.663a218b7e1f2.png)