FolioBuild Templates — Portfolio Website Examples

Product & Systems DesignerMechanical EngineeringAustin · Hybrid

Riley Morgan

Designing intuitive hardware + software touchpoints.

Crafting flows for robotics, manufacturing tools, and dashboards.

Available JuneFigma + CADOpen for internships

Photo

Hero image / diagram

About me

Systems-minded designer building interfaces for complex hardware. Comfortable pairing with engineers, prototyping edge cases, and translating field feedback into shippable features.

Key skills

Design systemsPrototypingUsability testingFirmware flowsFigma / FigJamSolidWorksPython

Feature visual

Product systems overview

Full-bleed hero slot for your signature project: UX flow, CAD hero, or hardware stack.

Large diagram / render placeholder

Project image / diagram placeholder

Robotics control dashboard

Operator cockpit for indoor rover fleet with alerting and live telemetry.

–32% task time8 screens

Prototype story / wireframes

Clamp assembly UX

Guided build steps with AR overlays; reduced assembly defects in pilots.

95% pass rate3d prototype

System block placeholder

Maintenance companion app

Mobile workflows for factory techs, with offline schematics & QR lookups.

–18% downtimeDesign QA

Design system kit

Ops UI component library

Tokens + components for dashboards; shortened new screens by 42%.

FigmaDesign tokens

Experience

Product Design Intern · MechFlowBuilt diagnostics UI; reduced misroutes by 21%.
Research Assistant · HCI LabCo-ran usability studies with 24 participants.

Tools & stacks

FigmaAfter EffectsSolidWorksPythonNotionGit

Portfolios · Web + PDFDeliverables · Specs + demos

Contact & socials

Email · riley.morgan@uni.eduLinkedIn · /in/rileydesignsPortfolio · rileymorgan.design

AvailableOpen to relocate

Template notes

Extra space to describe the vibe, attach a one-liner summary, or paste client highlights without shrinking the main sections.

Include: Hero imagery, signature project visual, portfolio link, and location.

Use this area for recruiter notes, links to demos, or reminders before exporting.

Metadata

Format: Single-page dark folio with wide hero.
Best for: Systems, robotics, product storytelling.
Exports: PDF cover + landing view.

Tags

Systems, hardware, dashboards, storytelling

Links / assets

Case study, GitHub, demo video, press kit

Hi, I'm

Elena Soto

Electrical & Computer Engineering Student

Hardware + MLSan DiegoIntern ready

Portrait

Hero gradient + portrait zone

Featured build

Autonomous rover — hallway navigation

Affordable rover with SLAM-lite stack; pairs well with a hero image for PDF covers.

2.1x path accuracy+48% battery life3 month build

Wide image / storyboard placeholder

My projects

Diagram-friendly cards with quick context and outcomes.

Diagram / image

IoT Energy Monitor

BLE sensors + dashboard; tracked dorm energy in real time.

• Sensor fusion · React · PCB v2

Storyboard

Wearable PCB

Ultra-thin board with flex tails; validated in bench tests.

• 24h battery · KiCad · STM32

Chart / metrics

Drone Telemetry Viz

Web dashboard for flight logs with anomaly flags.

• D3 · Alerts · REST API

Experience / Internships

Vertical timeline suited for PDFs.

Firmware Intern · SolarStart

Optimized BLE polling; battery life +19% on beta devices.

Teaching Assistant · ECE Lab

Guided 40+ students through embedded labs and PCB bring-up.

Project Lead · IEEE

Led 6-person team shipping an autonomous line follower.

Skills

Pill-based grouping that fits two columns.

PythonC/C++KiCadArduino

ReactMATLABFPGA basicsData viz

Contact

Email · elena.soto@uni.eduLinkedIn · /in/elenasotoGitHub · github.com/elena

Intern readyOpen to remote

Template notes

Use this block to describe the story behind the light grid, list target companies, or keep a short intro that will sit next to your PDF export.

Include: Hero gradient specs, project sources, and a short personal blurb.

Space stays flexible for extra links or reminders.

Metadata

Format: Light single-column hero + stacked cards.
Best for: Engineering portfolios, internship packets.
Exports: Resume-ready PDF, shareable link.

Tags

ECE, ML, hardware, team projects

Notes

Highlight timelines, add GitHub QR, include transcript links.

About

Hybrid designer-engineer shaping helpful products. Enjoys rapid prototyping, visual storytelling, and collaborating with research, firmware, and ops to land cohesive launches.

Work Experience

Design Lead at Orbit Studio

2023 — Present

Led research builds for smart retail pilots and shipped two prototypes in a single sprint.
Facilitated workshops with firmware, ops, and research partners to align on launch goals.

Product Intern at Metro Labs

2022 — 2023

Documented system behaviors and specification artifacts for civic robotics demos.
Shared field feedback with hardware and software teams to guide iteration.

Projects

Add ImageYour image here

Assistive UI research platform

Research + prototyping kit for assistive tech with studio and field validation.

UX researchService design

Add ImageAdd image in the projects section

Studio kiosk redesign

Improved onboarding flows with tactile cues and rapid iteration.

Storyboarding

Add ImageAdd image in the projects section

Transit wayfinding suite

Service blueprint and signage plan for a circulator route.

Systems thinking

Education

MEng Design Engineering

Imperial College London

2021 — 2025

Key Tools

Product designService designUX researchStorytellingResearch leadershipVisual systemsWorkshop facilitationSystems thinking

Awards & Certifications

Design Sprint Winner · Campus Maker Sprint (2023)

The Difference Between 'Applied' and 'Hired'.

Recruiter Optimized

Mobile Perfect

Instant Online Publishing

Choose your style