Untitled

## About

Datasense is a company that provides data visualisation services. To highlight their expertise, I have designed a stylish and minimalist website.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FUxCJoxXke5e4QTFofDeVmvuXduE2%2FIadOiBemBfMeHTgb6ADs%2F7f679980-e0ae-43b8-ac83-417af3511cd3.png?alt=media&token=b01c8147-cc15-4e22-b99f-6e09588f5ffb","id":"7f679980-e0ae-43b8-ac83-417af3511cd3","width":5600,"height":5904,"filename":"3.png","type":"image/png","caption":"","border":false}]}
```

## Web Process

I work in sprints, and my process is fully transparent for our clients. Here's how I created an innovative website in only 4 sprints:

1. In the first sprint, I delved into Datasense technology, searched for design references, and analysed competitors' strengths.\
   By the end of the sprint, we had approved the sitemap and created content for the main pages.

2. Next, I developed several style directions and, after a review, selected one to finalise the Home page with all the necessary visual elements.

3. I then thought through all the animations and proceeded to create the About Us, Contact Us, and Careers pages.

4. Finally, I explained how the Datasense company works on the First page and prepared everything for the development stage, ranging from mobile versions to desktop versions.\
   The final result was a high-quality, cross-platform website.

## Sitemap

I started by identifying the pages that would best showcase Datasense.

Then, I specified the structure of each page based on the priority of brand messages to be shared.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FUxCJoxXke5e4QTFofDeVmvuXduE2%2FIadOiBemBfMeHTgb6ADs%2F9de6e475-40e1-49ca-bd11-3c590b6f43bc.png?alt=media&token=2a57563d-ba61-4462-85a2-9114cf8535b5","id":"9de6e475-40e1-49ca-bd11-3c590b6f43bc","width":4200,"height":2736,"filename":"5.png","type":"image/png","caption":"","border":false}]}
```

## Copywriting

Datasense is a team of true experts in their field, and I've developed a tone of voice that showcases their company expertise in data visualisation.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FUxCJoxXke5e4QTFofDeVmvuXduE2%2Fdatasense%2F5f882756-8e4b-45bb-a98e-4304eea63a83.png?alt=media&token=aeb7e730-3cbc-4a2e-b01b-3458dbf48535","id":"5f882756-8e4b-45bb-a98e-4304eea63a83","width":4200,"height":2718,"filename":"7.png","type":"image/png","caption":"","border":false}]}
```

## Color Scheme

Competitors typically use minimalistic websites with predominantly dark palettes.

To make the brand stand out more, l've used more white and made purple the accent colour, representing creativity, wisdom, and dignity.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FUxCJoxXke5e4QTFofDeVmvuXduE2%2FIadOiBemBfMeHTgb6ADs%2Fd9d349f6-8fcd-457c-9dae-bf58597e23c6.png?alt=media&token=0703a4c2-0c83-4f8c-87d9-0568837aacab","id":"d9d349f6-8fcd-457c-9dae-bf58597e23c6","width":4200,"height":2706,"filename":"8.png","type":"image/png","caption":"","border":false}]}
```

## Result

Finally, the project was completed, and the goals were achieved.

The website functions on cross-platforms and stands out from other competitors in the niche. Datasense vision has been visualised.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FUxCJoxXke5e4QTFofDeVmvuXduE2%2FIadOiBemBfMeHTgb6ADs%2F299e6669-773f-4d4d-976b-4d5d98273edc.png?alt=media&token=c585f5fe-61aa-4b4e-ab4f-edefc6c0f71c","id":"299e6669-773f-4d4d-976b-4d5d98273edc","width":4200,"height":17874,"filename":"12.png","type":"image/png","caption":"","border":false}]}
```

Datasense

> For Dharma, I conducted research to identify the main key points and worked on design, graphics, typography and components.

## About

### Dharma is a pioneering project aimed at revolutionising decentralised technologies. With a focus on ethics, community, and decentralisation, Dharma offers an innovative platform where users can seamlessly deploy smart contracts from various EVM chains, all without incurring any charges.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FUxCJoxXke5e4QTFofDeVmvuXduE2%2Fy0UltTojmLiNDGLca9Yn%2F22e53681-cbbe-47b8-9f85-14aacdae7f84.png?alt=media&token=fc89f160-d775-4c52-9493-0af24a32e665","id":"22e53681-cbbe-47b8-9f85-14aacdae7f84","width":7424,"height":22024,"filename":"1.png","type":"image/png","caption":"","border":false}]}
```

## I work in sprints, ensuring full transparency for our clients. Here's how I crafted an innovative website in just four sprints:

1. During the first sprint, I explored Web 3 network technologies, sought design inspiration, and assessed competitors' strengths. By the end of this sprint, I had an approved sitemap and had created content for the main pages.

2. In the next sprint, I developed several style directions, and after a review, we chose one. I then finalised the Home page, incorporating all necessary visual elements.

3. Following this, I planned out all animations and proceeded to create the About Us, Funds, Docs, and Whitepapers pages.

4. In the final sprint, I detailed how the Dharma network functions on the First page and prepared everything for the development stage, from mobile to desktop versions.

## The end result was a high-quality, cross-platform website

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FUxCJoxXke5e4QTFofDeVmvuXduE2%2Fy0UltTojmLiNDGLca9Yn%2F8ae3abdf-e779-4c10-b3a3-c622d4c2dc02.mov?alt=media&token=c96a3111-8b52-4ce5-a670-a4fbd6d55635","id":"8ae3abdf-e779-4c10-b3a3-c622d4c2dc02","width":3420,"height":2060,"filename":"3.mov","type":"video/quicktime","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FUxCJoxXke5e4QTFofDeVmvuXduE2%2Fy0UltTojmLiNDGLca9Yn%2F612cb811-fd3d-4229-a6bc-211c1585da8e.mov?alt=media&token=63b6ffb1-acc2-4a05-8c5e-f4963a9bb0ff","id":"612cb811-fd3d-4229-a6bc-211c1585da8e","width":3420,"height":2060,"filename":"5.mov","type":"video/quicktime","caption":"","border":false}]}
```

## Copywriting

Dharma is a unique network in its field. I developed a tone of voice that highlights this technology in the Web3 dimension.

## Typography

The primary font utilised for the project is Neue Haas Grotesque Display Pro, complemented by Yosefka Medium Extended as the secondary font for all components.

Together, they embody the core company values and aesthetic vision.

## Color Scheme

Competitors often use minimalist websites with predominantly dark color schemes. To make the brand stand out, I used more white, with acid yellow and pink as accent colors, representing joy, happiness, energy, love, and kindness.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FUxCJoxXke5e4QTFofDeVmvuXduE2%2Fy0UltTojmLiNDGLca9Yn%2Fc6bea93c-81d1-4617-944b-698d786f8b9c.png?alt=media&token=a50cf908-7a30-4d70-8d91-a851a3487b7c","id":"c6bea93c-81d1-4617-944b-698d786f8b9c","width":7424,"height":5789,"filename":"8.png","type":"image/png","caption":"","border":false}]}
```

## Result

The project was successfully completed, achieving all goals. The website is cross-platform and stands out from competitors in the niche.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FUxCJoxXke5e4QTFofDeVmvuXduE2%2Fy0UltTojmLiNDGLca9Yn%2F5f62c15c-cc66-405f-ba41-a398566eb87e.mov?alt=media&token=f84758fa-d9ad-4e98-8e08-29a3d5f809ed","id":"5f62c15c-cc66-405f-ba41-a398566eb87e","width":3420,"height":2060,"filename":"7.mov","type":"video/quicktime","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FUxCJoxXke5e4QTFofDeVmvuXduE2%2Fy0UltTojmLiNDGLca9Yn%2Fe4f6d598-da7f-4d0b-a088-e981a9a44cdf.mov?alt=media&token=07d0cc95-afa4-43b1-82c6-0094d3ae6764","id":"e4f6d598-da7f-4d0b-a088-e981a9a44cdf","width":1920,"height":1156,"filename":"9 smaller.mov","type":"video/quicktime","caption":"","border":false}]}
```