Front–End Engineer
Information Design CSS
Problem To organize a hierarchy of information through proper use of type in header, subheads, and bodycopy. Also, a coherent color scheme and decorative elements creating a union of logic. Responsive, functional, and clear navigation were prime objectives when approaching the development phase. SASS PreProcessor components were chosen to keep modules clean and organized.
Mission Information Kiosk
Client SCAD Graduate Program
Project Web•HTML5•CSS3
Information Design CSS Mobile
Problem To organize a hierarchy of information through proper use of type in header, subheads, and bodycopy. Also, a coherent color scheme and decorative elements creating a union of logic. Mobile, functional, and clear navigation were prime objectives when approaching the development phase. SASS PreProcessor components were chosen to keep modules clean and organized.
Mission Information Kiosk
Client SCAD Graduate Program
Project Web•HTML5•CSS3
Wearable Tech React
Problem To organize a hierarchy of information through proper use of type in header, subheads, and bodycopy. Also, a coherent color scheme and decorative elements creating a union of logic. Responsive, functional, and clear navigation were prime objectives when approaching the development phase. SASS PreProcessor components were chosen to keep modules clean and organized. React library was implemented to frame a seamless combination of components drafting JavaScript to assemble a responsive user interface to pair with a smartwatch.
Mission Dashboard
Client A No Budget Startup
Project Web•HTML5•CSS3•React
Modules
Problem To organize a hierarchy of information through proper use of type in header, subheads, and bodycopy. Also, a coherent color scheme and decorative elements creating a union of logic. Responsive, functional, and clear navigation were prime objectives when approaching the development phase. PureCSS modules were chosen to keep a minimal footprint.
Mission WebDesign
Client SCAD Graduate Program
Project Web•PureCSS
Navigation System
Problem To flesh out research and create an intutive icon that pairs with the standards of the US Forest Service addressing its navigation systems as found within the intranet firefighter training program tests. A hierarchy of visual flat illustrations were to be iterated over a series of graphite sketchs that yet were to be refined using a light table to clean up the line work shapes and formulate a ready made scan for digital rendering.
Mission Icon Design
Client United State Forest Service
Project Navigation System•Icon Design•Research
Wireframe Wearable Tech
Problem My objective involved fleshing out a lofi wireframe that defined research and intutive design solutions in a fitness app designed for weightlifters both professional and entry level.
Mission Athlete App for Weightlifters
Client Fitness Company
Project LoFi Wireframe
Extra A PDF ProcessBook is available upon request
Information Graphic IxD
Problem Evolving from the narrative, and the importance of storytelling I created an information system that informs, entertains, and educates the user on the history of postal stamps, and their origins.
Mission Information System Online
Client SCAD ITGM
Project Software•IxD•HTML5•CSS3
Information Graphic IxD
Problem Evolving from the narrative, and the importance of storytelling I created an information system that informs, entertains, and educates the user on a summary introduction to creature known as the jellyfish.
Mission Education App for aquatic curiousness
Client Oceanography
Project Alpha Stage Software
WordPress Web Content Management
Problem To organize a hierarchy of information through proper use of type in header, subheads, and bodycopy. Also, a coherent color scheme and decorative elements creating a union of logic. Responsive, functional, and clear navigation were prime objectives when approaching the development phase. WordPress CMS was chosen to execute a plugin architecture theme of organized gallery fine art photography.
Mission CMS Portfolio Project
Client Steven R Kauten
Project WordPress•Web•HTML5•CSS3
About Me
A FrontEnd Engineer professional working with user interface design processes and methodology that evolve around human centered design, information systems, and interactive storytelling by translating high level ideas into functional visual UI designs at the hand of solving problems with an understanding of flow and function design plus audio implementation using cognitive models to author clean and precision based architecture using frontend engineering to finalize the products optimal user experience in hopes of one day blending with the bicycle industry using IoT (Internet of Things) cogitation as it clicks to design systems that frame fitness software with wearable tech.
Technical Skills
HTML/CSS/Bootstrap
PreProcessor Scripting Language
JavaScript/React
Process Books
- Information Rottweiler
- LoFi Wireframe
- User Journey
- UserFlow
- Diagram / Beta Ui
-
UX
Process
- PowerApp
- LoFi Wireframe
- User Journey
- UserFlow
- Diagram
-
UX
Process
- Visual Narrative
- Concept
- Vocabulary
- Proposal
- Storyboards + Comps
-
UX
Process
Contact Me
srkauten@outlook.com
Oregon, US
na
Copyright © 2024