top of page

Hi, I'm Mariaelena

UX/UI Designer & Web Developer 💻

I create digital spaces that look good, feel intuitive, and work!

Great experiences shouldn’t be complicated 💡

ChatGPT Image May 11, 2025, 09_33_11 PM.png
Screenshot 2025-05-11 at 10.17.19 PM-right.png

A bit about me 😊

I craft websites and digital experiences that feel as good as they look. With a background in tech and design 🎨, I blend logic with beauty to help ideas come to life. This space is where I share my work, values, and passion for creating with intention ✨.

Screenshot 2025-05-14 at 1.33.03 PM-left.png
mariaelena-cossio-desktop-sample-website.jpg

How I Make Things Happen

I use a mix of strategy, creativity, and the right tools to turn good ideas into great digital experiences. Here’s what’s always in my toolkit:

🟣 Figma

Where ideas start taking shape.
I use Figma to map out user flows, wireframes, and polished UI designs. It’s where I explore, test, and refine. Whether I’m building a quick mockup or a full design system.

⚫ GitHub

So nothing gets lost and everything gets better
From version control to clean handoffs, GitHub helps me stay organized and collaborative. I keep my code tidy, track changes, and work efficiently across projects.

🔵 WordPress

Custom websites that work and work well
I build tailored WordPress sites with clean themes, smart plugins, and responsive layouts. Whether it’s a portfolio or a service-based business, I make it easy to update and scale.

🟠 Code

Where design meets functionality
I bring visuals to life with semantic HTML, styled with CSS, and enhanced with JS. It’s how I make sure everything not only looks good but works beautifully too.

Turning Ideas Into Interfaces

A selection of digital products, websites, and experiences I’ve designed and built — each crafted with purpose and a focus on usability.

mariaelena-cossio-mockup-mobile-1.jpg
UX/UI Designer & Brand Creator

Beyond Skincare

BEYOND is a skincare brand that needed a distinct online presence to reflect its clean, natural product line. I was in charge of creating the entire visual identity, from logo design to a complete UI system.

logo.png
html-css-js.webp
github.png

✨ More of My Work 

UX/UI Designer & Web Developer
Screenshot 2025-05-14 at 4.21.48 PM.png

Los Quequitos Mx

Los Quequitos Mx is a small Mexican food business that needed an online presence to showcase its menu, tell its story, and connect with local customers. I designed and developed a 5-page custom website that captured the brand's flavor and culture.

bootstrap.png
logo.png
Web Designer & Front-End Developer
Screenshot 2025-05-11 at 10.16.49 PM.png

Beauty by Amy

Beauty by Amy is a fictional nail salon website that reflects elegance, clarity, and an easy-to-navigate user experience. The goal was to create a fully responsive layout that feels professional and polished across all devices.

html-css-js.webp
github.png
WordPress Developer & UI Designer
Secure Group-portrait.png

Secure Group

Secure Group is a cybersecurity and IT services company in Australia. They needed a modern, trustworthy website to showcase their solutions and build credibility in a competitive industry.

wordpress.png
css-logo.png
Web Designer & Developer
Screenshot 2025-05-11 at 10.06.19 PM-front.png

Genesis IT

Genesis IT is a professional services company specializing in IT solutions. They needed a clean, modern website to showcase their expertise and convert potential leads with a straightforward layout and clear messaging.

wordpress.png
css-logo.png
WordPress Developer & UI Designer
Screenshot 2025-05-11 at 10.07.53 PM.png

Teleco Sales

Teleco Sales, a supplier of communication and hardware systems, needed a simple, structured site to promote services like CCTV installation, workstation setup, and IT gear financing.

wordpress.png
css-logo.png
Screenshot 2025-05-14 at 8.39_edited.jpg
Web Designer & Wix Developer

Compass Relocation

Compass Relocation is a relocation support service helping individuals and families move across borders with ease. This was a large-scale project where I single-handedly designed and built nearly 100 unique pages, each featuring tailored content for different countries and relocation needs. The goal was to make complex information digestible and user-friendly, while maintaining consistency and clarity throughout the site.

wix.png
photoshop-logo.jpg
figma.png

Design That Works

This space is where I showcase what I do best: blending design and functionality to create digital experiences that help businesses grow, solve problems, and connect with their users. Whether you’re a hiring manager looking for a UX/UI designer who can jump into a project with clarity, or a client in need of a custom website that reflects your brand, you’re in the right place.

Let’s build something that works beautifully 😊

figma.png
github.png
wordpress.png
html-css-js.webp
xd.png
aws-logo.png
photoshop-logo.jpg
elementor.png
wix.png
bootstrap.png
google-fonts-logo.png

✉️ Let’s Make Something Awesome Together

Got a project in mind? A team that needs a designer-dev hybrid? Or just wanna say hi?
I’m always up for collaborating, creating, or caffeinating with cool people doing meaningful work. Whether you’re hiring, building, or brainstorming — let’s connect and make the internet a little better (and better looking).

(604) 838-4874

mariaelena.cossio@outlook.com

🌿 Based in Vancouver, B.C.

💼 Open to remote, hybrid, and on-site roles

What's this about?
How did you find me?

Want the Details?

Need a quick overview? My resume covers experience, skills, and results I’ve delivered across industries

💼 3+ years of experience in UX/UI and front-end development

bottom of page