Kevin Hinkel
Kevin Hinkel
651-336-8689
Web Design
Home $ Web Design

FindLaw Homepage & Internal Page Designs

Objective: Creation of site-maps, wire frames, navigation, home pages, internal pages, menus, headers, bodies, footers and logo designs for law firms.

Deliverables: UX/UI Design, Photoshop, HTML/CSS, WordPress, Divi/CMS Platform, Responsive Design for All Devices.

Role: Lead design and assisted with development of attorney websites. Collaboration with Project Managers, Content Strategists, Digital Marketers and Client Development Consultants. Responsible for product design, customer facing interaction through strategy, kick-off and presentation of final website design. Design process included creation of client order brief deciding color, layout, font, imagery and logo choices from initiation to publishing and shipping of client site.

Bragoli & Associates

Site Build

Stephenson Fourneir

Site Build

Winnebago.com Content Management & Landing Pages

OBJECTIVE: Content management and page design for Winnebago.com.

Processes: Worked as a team of Project Managers, Designers and Developers to publish Winnebago.com webpages. 

1. Rolling over old models from 2023 to 2024.
2. Built Landing Pages
3. Web app maintenance for “Configure Price Quote” (determined the price of the model when a customer selects types of seating, exterior colors and interior selections, and then the app would configure a price.
4. Web app maintenance for “Help Me Choose” (allowed a customer to understand what size, features and needs they had and the app selected which model fit them.)
 
– Rolling over new models was a process of copying the old model in PIM, then renaming it to the new model and replacing any new information. It was a three step process where we’d make changes in a QA environment, then meet with dev and have changes pushed to a staging environment where we’d proof before the final push to live environment.
– Rolling over would also include price changes, image and video updates, making sure new models were located in the correct place in the menu and interactivity was working, proofing the specs of models, ie. height, width, and overall content accuracy.

Deliverables: Azure Dev-Ops (dev requests), Gather Content (writer requests), Dynamic Web (me), WorkamaJIG (Project management), Photoshop

 
Live site: Winnebago.com

Overview

Key Features

Floorplans

Gallery

3M Wireframes and Final Published Medical Pages

OBJECTIVE: Wireframe creation for pages on 3M.com, United States/Canada, Medical Solutions Division of Healthcare.

Processes: Worked as a team of Marketers, Designers and Developers to publish 3M.com webpages. Utilized Jira for agile sprint boards and a  scrum master to track projects, working in two week sprints. Wireframes began by being built in Axure and utilized a design pattern library for adherence to brand as well as development standards. Edits in Axshare came from marketing throughout sprint. Upon completion of edits, wireframe was sent to dev and facilitated on the front end before final approval to publish.

Deliverables: Jira, Teams, Axure, Design Systems, Crownpeak

OUTCOME: Creation of wireframes meant for 3M.com with user-centric design principles that maintained clear objectives for merging design, content, business, and marketing concerns. 3M.com pages were for marketing campaigns and products sales aimed to sell services to hospitals and the medical industry.

JIRA SPRINT BOARD

AXURE WIREFRAME BUILD

AXSHARE EDITS

LIVE PAGE