DoEcos
UI/UX | Front-End Development
2023
Who is DoEcos?
DoEcos is an early stage start-up based out of Copenhagen, Denmark that is looking to decrease the world’s carbon footprint by making house retrofitting and heat pumps more accessible through subscription payments.
DoEcos is an early stage start-up based out of Copenhagen, Denmark that is looking to decrease the world’s carbon footprint by making house retrofitting and heat pumps more accessible through subscription payments.
My Role
I was brought on as a Front-End developer. My role consisted of collaboration with the UI/UX team to create a functional landing page.
I was brought on as a Front-End developer. My role consisted of collaboration with the UI/UX team to create a functional landing page.
Design Tools Used 🛠️ : Figma
Programming Languages Used 💻: HTML, Next.JS, Tailwind CSS, TypeScript, JavaScript
![](https://freight.cargo.site/t/original/i/0b76cd9993fb6b755ad61a46961303eec86eaff59eb7a20af34d4bd8e364c925/MacBookPro.png)
Design Process
This project consisted of collaboration with the UI team to implement and create interface designs that stand out from direct European competitors. The website was then deployed and presented as an MVP to be used at a venture capital meeting for a six-figure funding opportunities.
Front-End Development Goals
Direct visual translation of high-fidelity mockups to live site
Simple Animation
Mobile Responsiveness
Challenges
We were working on designing & implementing their initial brand identity, but the company ended up doing re-brand from a marketing agency halfway through. This caused a quick shift, and the team had to work against the deadline to apply the new branding to the UI.
Front-End Development Goals
Direct visual translation of high-fidelity mockups to live site
Simple Animation
Mobile Responsiveness
Challenges
We were working on designing & implementing their initial brand identity, but the company ended up doing re-brand from a marketing agency halfway through. This caused a quick shift, and the team had to work against the deadline to apply the new branding to the UI.
![Moodboard focused on renewable energy with a green color palette.](https://freight.cargo.site/t/original/i/7061baf35a05a30d0bab3e5d0a9bb984a56d054cadf42eab785425adb16010c6/UI-Moodboard.png)
![Final Color Palette given by Branding Agency.](https://freight.cargo.site/t/original/i/bb48ee2ecfc8be531bfa7d249b762fcc2de6b2debcbeec77be9017287e1299f2/Screenshot-2023-11-13-at-1.18.10-AM.png)
![](https://freight.cargo.site/t/original/i/5715c4055b731f5e2c1015e3720390b30a23df82ba528727b55ce050bc74ae97/Screenshot-2023-11-13-at-10.41.31-AM.png)
Initial Design vs Final Design
![The team's branding vs the final agency branding.](https://freight.cargo.site/t/original/i/d2504ed428551e0e5c71e2a88e7e2fab0560f82ea7196b421da913c85932aa55/Frame-35678.png)
Initial Design
Final Design
![](https://freight.cargo.site/t/original/i/791725436c7734528db05c93853b717bad34f63ce7436e74bca2cfa6b4ab2ceb/Landing-Page.png)
![](https://freight.cargo.site/t/original/i/21ec391b02f35a1c7511486678d7d0d1580b92fa345e5496ca66e8ac8e8de280/Landing-Page-1.png)
Takeaways
My main takeaway was how to work with a larger team to create one successful end product.
I learned to collaborate with the other developers, designers, and project managers, while being mindful of their time and my time. Working with a team allows for lots of feedback that makes the work much better!
I learned to collaborate with the other developers, designers, and project managers, while being mindful of their time and my time. Working with a team allows for lots of feedback that makes the work much better!
@Lydia Kim 2023