Slicing Responsive Personal Website HTML CSS & Deploy to Vercel
Perfect for mastering responsive web design with pure HTML & CSS
Transforming Through Change
Mareta
Building bridges between design, code, and storytelling. Sharing what I'm learning as it unfolds.
Software Engineer
Product Designer
Content Creator
Evolution
The Plot Twists
Each career switch was terrifying. Each transition felt impossible.
But here's what I learned: your seemingly unrelated experiences become your greatest strengths.
01
Chapter 1 • 2019-2021
Senior Marketing Engineer
Business meets tech
Every campaign needs a solid technical foundation.
Built all Ruangguru's marketing landing pages, optimized technical SEO, and managed the company blog. Discovered that marketing and code make magic together.
HTML/CSS/JSTechnical SEOLanding Pages
02
Chapter 2 • 2021-2023
Senior UI Designer
Designing learning experiences
Consistent systems keep every class experience intentional.
Designed Brain Academy, English Academy, and Ruangguru Live, cared for the design system, and reviewed fellow designers' work.
Learning ProductsDesign SystemsDesign Review
03
Chapter 3 • 2023-Present
Software Engineer
Building with code
Code that impacts millions starts with one student's need.
Built AiRIS (ai.ruangguru.com) - an AI learning platform used by students across Indonesia. From concept to production, creating tools that make education accessible.
ReactAI IntegrationEdTech
04
Current • 2023-Present
Content Creator
Documenting the learning
Publishing in-progress thoughts keeps learning honest.
Turned every experiment into tutorials, posts, and notes so others can learn in real time.
Content CreationKnowledge SharingSpeaking
Work
Impact Areas
UI/UX
Transforming ideas into visually stunning interfaces. Elevating user experiences through intuitive designs that captivate.
Explore
Frontend
Crafting smooth, responsive web experiences and adherence to best practices for search visibility.
Explore
Content Creation
Demystifying tech through engaging storytelling. Creating content that educates and inspires.
Explore
Resources
Learn or team up
Tutorials and e-books to grow your skills in frontend engineering and design.
Landing Page UI Design Tutorial with Figma
Guided walkthrough for designers crafting end-to-end landing pages in Figma.
Slicing Landing Page Personal Website - Bootstrap
Great for quickly building responsive websites using the powerful Bootstrap framework.
Collaboration
Let's work together
Ready to collaborate? Choose how we can work together to bring your ideas to life.
Mentoring & code reviews
One-on-one sessions to unblock projects, refine portfolios, or plan a learning roadmap together.
Workshops & collaborations
Invite me to guest speak, co-host live sessions, or partner on community classes and events.
Project-based services
End-to-end product development consulting from design to frontend implementation for your business needs.