Sopra Banking
سوپرا بنك
Year
2021Role
Conception, Art Direction, 3D, Motion
Type
Website
Awards
SOTD on FWA
![Image cover for video player](https://images.prismic.io/alexisjade/2c9481e5-83ce-42de-b916-07190a11b4c6_Frame+1040.png?auto=compress,format&w=1920)
Sopra Banking Software sought a solution for sharing new digital content with collaborators during a live event. In response, we proposed the development of a digital town that would serve as a welcoming hub, providing collaborators access to exclusive information
First draft
![Screenshot image of current project](https://images.prismic.io/alexisjade/60ac35ae-a870-40bb-b52c-ad0d1ba959bf_first_draft_sopra_01.png?auto=compress,format&w=1200)
![Screenshot image of current project](https://images.prismic.io/alexisjade/d5ac658e-2435-411c-9603-bd8d991f908c_first_draft_sopra_02.png?auto=compress,format&w=1200)
We began this project by exploring a simpler approach: each user would design a ship inspired by the new SBS logo
With this vessel, users would navigate a linear world encountering various sculptures representing the event's themes
Additionally, we integrated a collectible feature enabling users to track the objects and topics they encountered, providing a sense of progression throughout the experience
Second Draft
![Screenshot image of current project](https://images.prismic.io/alexisjade/34fe1b67-3d21-4b65-8219-2dd652d8eb45_second_draft_sopra_01.png?auto=compress,format&w=1200)
![Screenshot image of current project](https://images.prismic.io/alexisjade/a9c6ac20-cf80-4b1c-86f4-335450dceeca_second_draft_sopra_02.png?auto=compress,format&w=1200)
After initial discussions with the client, it became clear they were looking for a more expansive concept. The proposal of a city resonated well with them. This idea naturally dovetailed with their live event program, making it an ideal fit
The concept aimed to offer attendees a preview of the live event on the platform while also enabling them to experience a metaphorical representation, thereby fostering a more immersive and engaging virtual presence
Final Design
This digital town is intricately designed, comprising various districts, each dedicated to representing and showcasing a specific theme related to the event. Users have the flexibility to navigate freely within the town by employing drag-and-drop functionality or opt for a top-view “City map” for a structured overview
Each district boasts a distinctive design, featuring buildings inspired by renowned architects such as Shigeru Ban. This architectural diversity enhances the visual appeal and thematic representation of the town
![Screenshot image of current project](https://images.prismic.io/alexisjade/1d0f3a20-054c-4df0-a3b4-1e10f0488289_Vue+District+-+PDF_viewer.png?auto=compress,format&w=1200)
![Screenshot image of current project](https://images.prismic.io/alexisjade/07f79dac-4098-40f5-9c0a-35171718b446_Frame+1037.png?auto=compress,format&w=1200)
![Screenshot image of current project](https://images.prismic.io/alexisjade/d152a161-e7ab-408a-80d6-2db8e3da915f_Frame+1038.png?auto=compress,format&w=1200)
![Screenshot image of current project](https://images.prismic.io/alexisjade/f5e67cf9-5d32-4898-b657-26f7706f4cfd_Frame+1039.png?auto=compress,format&w=1200)
![Screenshot image of current project](https://images.prismic.io/alexisjade/2c9481e5-83ce-42de-b916-07190a11b4c6_Frame+1040.png?auto=compress,format&w=1200)
3D Onboarding
![Screenshot image of current project](https://images.prismic.io/alexisjade/6ecb3811-3317-4773-8ba7-4180515592c5_sopra_avatar.png?auto=compress,format&w=1200)
During the onboarding process, participants are encouraged to personalize their experience by creating their own avatars
This personal touch adds an engaging element to the overall digital experience, fostering a sense of individuality and connection for users within the virtual environment
![Screenshot image of current project](https://images.prismic.io/alexisjade/53c7459a-b8dc-4887-8dc0-e8a3ff3ab908_Frame+35.png?auto=compress,format&w=600)
![](/_nuxt/phone.8cce6c66.png)
![Screenshot image of current project](https://images.prismic.io/alexisjade/9d9dd12d-0be3-44be-a292-a64e42e4fb12_Frame+1022.png?auto=compress,format&w=600)
![](/_nuxt/phone.8cce6c66.png)
![Screenshot image of current project](https://images.prismic.io/alexisjade/9e3fcf94-b16f-436f-8e35-e6b0149a740e_Frame+1023.png?auto=compress,format&w=600)
![](/_nuxt/phone.8cce6c66.png)
![Screenshot image of current project](https://images.prismic.io/alexisjade/6fdf2940-7228-4ca2-8049-8936fc4d08ea_Frame+1025.png?auto=compress,format&w=600)
![](/_nuxt/phone.8cce6c66.png)
Let’s Connect
We're always looking for new ways to push the boundaries of creativity, and we're excited to see what we can accomplish together
![Thumbnail of current hovering project](https://images.prismic.io/alexisjade/f8684710-cede-4585-8523-20f4561afa70_AC_thumbnail_2.png?auto=compress,format&w=800)
![Thumbnail of current hovering project](https://images.prismic.io/alexisjade/1aaf6c25-3da0-496d-a8c7-ef3875e2daab_runleprogram_thumbnail_2.png?auto=compress,format&w=800)
![Thumbnail of current hovering project](https://images.prismic.io/alexisjade/650943e8-7252-4807-98c2-b8147bc75b1a_Metaverse_thumbnail_2.png?auto=compress,format&w=800)
![Thumbnail of current hovering project](https://images.prismic.io/alexisjade/2c9481e5-83ce-42de-b916-07190a11b4c6_Frame+1040.png?auto=compress,format&w=800)
![Thumbnail of current hovering project](https://images.prismic.io/alexisjade/b99b8692-a68e-4e48-b4c5-c12119a389e2_cowool-thumbnail.jpg?auto=compress,format&w=800)
![Thumbnail of current hovering project](https://images.prismic.io/alexisjade/94bc910f-1763-445a-9aaa-120cc8bc5e36_Unpresidential_thumbnail_2.png?auto=compress,format&w=800)