Ri'en Karrot
Web Developer

Project Overview:

I made this site as a reflection of Kathryn's LinkedIn presence, and based the design and colors off of an abstract interpretation of office filing. I used this opportunity to practice readable, clear code structure meant for others to edit.

The Requirement:

• A website to use as a marketing portfolio to include with a resume.
• Easy to build off of in the future.
• Emphasis on simple & clean.
• Create color scheme without input.
• Does not utilize Wordpress, nor table-based formatting.

The Solution:

• Use divs instead of table structure.
• Keep size the same on every page for a simpler feel.
• Collect data from client's resume to decide overall look.
• Begin to outline mobile version for future release.

The Results:

A consistent, fast-loading, professional portfolio website.

Project Overview:

I wanted to make a quick-reference, mobile site for one of my favorite cafes, which happened to be lacking one.

The Requirement:

• Strongly emphasize ways to get to menu.
• Gear towards mobile.
• Keep HTML very organized and readable.
• Focus on compatibility issues.

The Solution:

• Colors that acknowledge origins of the cuisine.
• Single-page structure with no scripts.
• Keep recognizable markers such as underlined links, for ease of use.
• Use clear formatting to identify where the original menu needs to be edited.

The Results:

A simple but strong design with extra attention for compatibility.

Project Overview:

This site is an expansion on the Eventbrite page for a local social group.

The Requirement:

• Create a casual and welcoming site.

The Solution:

• Create menu that changes depending on screen size.
• Start research for map and calendar options.

The Results:

A responsive, simple site with all the facts.

Project Overview:

I started this site design with the idea that many case workers need a quick resource on their phones to assist with referrals. The final project will involve a database of most San Francisco non-profits.

The Requirement:

• A website for case worker's quick reference.
• A design that will work on small screens well.
• Visually clear and an intuitive function.
• Clean HTML that can be edited to add more items in the future.

The Solution:

• Restrict formatting to keep very consistent design that favors mobile use.
• Load everything within one page to avoid multi-page confusion.
• Create dropdown menu in CSS3 instead of Javascript.
• Begin research on how to design text search within site.

The Results:

A simple, straightforward design with potential.