web identity soma

8/2/2019 Web Identity Soma

http://slidepdf.com/reader/full/web-identity-soma 1/16

Name: _________________________________

Final Project Checklist - Set of Mockups for a Website

Deliverable

Concept: meaningful, practical, appropriate.

– cover

Page 2 – concept and design (colors, typography choices) explained.Indicate color harmony type that dominates in your design.

Page 3 – home pagePage 4 – text content page

Page 5 – images/media gallery page

Page 6 – single entry view page for image/media, or light box appearancePage 7 – blog roll (include categories and tag cloud sidebar). Use date stamps

Page 8 – blog entry with the comments form and sample answer thread with avatars.Pages 9-11 – events calendar page (month, week, day view).

No screenshots for calendar (no Google embeds, etc.)Page 12 – authors page or “About” pagePage 13 – contact page with form, address, and map

Page 14 – mobile version (home page only) for Android or iphone screenPages 14-15 – web identity guide: fonts, colors, typography structure,images cropping guidelines (size).

Printed copy should be submitted for grading.

Submit also: checklist, sketches. Indicate the targeted screen resolution.Print all the mockups with the same orientation.

Readability, free space, balanced layout, consistent, logical alignment, unity.



Cover

SomaRay



Soma Ray Concept and Design

Color Palette

I chose the primary color theme as a main foundation and continuiing theme with few other colors appearing due to

background and images.

Typography

I chose a recurring theme of Berlin Sans FB in bold and regular, and Myriad Pro.

Design Concept

I envisioned a portfolio design that is geometric in look and feel and has mostly primary colors to give a basic and clean look

and feel which is at the same time, bright and attractive. This is why I have square blocks for images in form of grids. I used

the colors to color block navigation items and borders. Given the clean and bold look an dfeel of the site, I chose a font like

Berlin Sans FB because it is modern and clean and works well for a sans serif font. I used Myriad Pro very sparingly for a slight

refreshment in font look.

Screen Resolution

Width: 960 px



Copyright @somaray 2012

Soma Ray Welcome to my web space.

Contact Calendar

Portfolio

Resume

About Me

Life

Univeristy of Michigan




Soma Ray

Contact Calendar

Portfolio ResumeAbout MeLife

Back

This is the story of my work life. I hope to not only give you a peek

into all the work I am involved in but also to help you understand

me better.




Soma Ray

Contact Calendar


Back

PREV NEXT

As part of a design project, I worked with University of Michigan Health System, to

develop ideas for their website. Health Services wanted to satisfy the requirements of

their internal and external stakeholders. Their website wants to provide a consistentclassication system and avoid issues such as visual clutter due to advertisements

and other information. Find my prototype at Medical Services Website Prototype

Skills: Interface Design,

Information Architec-

ture, Contextual Inquiry,

Heuristic Evaluation

Tools: Axure, Lucid-

Chart

Type: Design

Course: Design Jam

University of Michigan Health System




Soma Ray

Contact Ca lendar

Portfolio

Resume

About Me

Life

Back

20 Apr

ALTERNATIVE SPRING BREAK

I chose to work during my spring break. I spend this time analyzing content, creating

information taxonomies and ontology, and working on a design prototype for NationalArchives’ Presidential Libraries. New city (Washington DC)? check. Wonderful work

group? check. Meeting with The Archivist of USA? CHECK!

Read More...

15 Apr

FACEBOOK’S SHERYL SANDBERG

Two words…Sheryl Sandberg… and a video that I have favorited. Note to women

Read More...

< PREV NEXT >

Categories

» Work

» Travel

» Uncategorized

Washington

Facebook

BreakSpring

Archive

WomenNew




Soma Ray

Contact Ca lendar

Portfolio

Resume

About Me

Life

Back

20 Apr

ALTERNATIVE SPRING BREAK

I chose to work during my spring break. I spend this time analyzing content, creating

information taxonomies and ontology, and working on a design prototype for NationalArchives’ Presidential Libraries. New city (Washington DC)? check. Wonderful work

group? check. Meeting with The Archivist of USA? CHECK!

If you want details of my project, head over to the portfolio section of my site.

Was I tired at the end of spring break? Yes. Was it worth it? Oh Yeah!

Back to Blog Roll...

< PREV NEXT >

Categories

» Work

» Travel

» Uncategorized

Washington

Facebook

BreakSpring

Archive

WomenNew

This is my comment. I like my commentThis is my comment. I like my comment

Nemo fish on April 20, 2012

Reply †




Soma Ray

Contact Calendar

Portfolio

Resume

About Me

Life

Ann Arbor, MI, USA Soma Ray 678-642-4486

[email protected]

Objective I am interested in internship as a user experience professional in an organization where I can apply

my education, skills, and experience in human computer interaction and social computing.

Education University of Michigan School of Information , Ann Arbor (May 2013) Master of Science in Information (HCI, social computing, community i nformatics) Kenneth E. Vance Merit scholarship recipient

University of Pune, India Master of Business Administration (Marketing, Communication)

University of Pune, India Bachelor of Science (Electronics )

UX SkillsContextual InquirySurvey DesignCard sortingInformation ArchitectureHeuristic EvaluationWireframingLow-fi and Hi-fi ProtoypingUsability testingInterface DesignComparative AnalysisInteraction mappingAnalytics

ProgrammingPythonHTMLCSSJavascript,Google App Engine

Tools /TechnologiesWeb

Homesite,FrontpageWebworks,Dreamweaver

UX Axure,Visio,Powerpoint

Word Processor Pagemaker,FrameMaker,Robohelp,MS Office,

Design Photoshop,Illustrator,InDesign,LucidChart

Image Management Snagit,Camtasia,Lightroom

Version Control Perforce,VSS,Adobe Policy Server,

Documentum

Coursework Graphic DesigneCommunitiesDesign of Complex WebsitesContextual Inquiry and

Project managementFundamentals of

Human BehaviorInformation ArchitectureEvaluation of

systems & services

SELECT CAREER HISTORY

Sakai ProjectFunctional and User Tester

Open Academic Environment UI Jan 2012-current

• Write test cases/scenarios and test Sakai’s new product interface• Heuristically evaluate the new scenarios for user experience issues• Evaluate usability of new testing environment for future testers

NVIDIA GraphicsSr. Technical Writer

Graphics and Microprocessor Business Units Apr 2006-Jul 2011

• Worked with marketing and embedded teams to analyze user preferences fordocumentation deliverable platforms

• Updated workflow processes for information management and distribution

• Reduced costs and improved efficiencies by implementing information and exchangewikis for new hire process

• Contextually interviewed stakeholders and evangelized UX research and design for

CUDA computing measurement systems

Dell ComputersSr. Analyst

Research and Development Unit Jun 2004-Apr 2006

• Worked with document website design group to enable easier navigation

• Reduced costs using satisfaction surveys and six sigma yellow belt concepts. Alsoresulted in improving content management and delivery

• Led the information development lifecycle for Displays business.

eGain CommunicationsTechnical Writer

Documentation and Instruction Team May 2001-May 2003

• Composed user interface text such as alert messages and onscreen tool tips

• Decreased customer support calls by conducting user studies on products

• Initiated idea of context sensitive help in products for interaction experience

• Created user and installation guides, help, white papers and other documentation

PROJECTSUM Center for

Sustainable Systems Contextual Inquiry, Project Management

Fall 2011

Applied contextual inquiry and workflow models to improve information architecture andknowledge management/distribution processes

Nike Information Architecture Fall 2011

Worked on redesign of a sports shoe company website. Used heuristics, pervasive IA

theories, architectural principles, and user sampling in the process.Gastromighty.com Usability Evaluation of Systems and Services Winter 2012

Working as client liaison and team member conducting comprehensive usabilityevaluation using comparative analysis, contextual inquiry, heuristics, usability testing.

National Archives Information Architecture and Interface Design Spring 2012

Worked on information architecture and interface design for the Presidential Librariesportal revamp.

UM Health Systems Design Jam Winter 2012

Worked on the Health Services website to propose an interface redesign taking internaland external stakeholders’ requests into account.

Back




Soma Ray

Contact Calendar

Back


April 20122012

Month Week Day

Sun Mon Tue Wed Thu Fri Sat1 2 3 4 5 6 7

8 9 10 11 12 13 14

15 16 17 18 19 20 21

22 23 24 25 26 27 28

29 30

C H I C o n

f e r e n c e

I n t e r n s h

i p




Soma Ray

Contact Calendar

Back


January 15-21Jan

Month Week Day

Sun 15

Mon 16

Tue 17

Wed 18

Thu 19

Fri 20

Sat 21

Morn Noon Evening Night

2012

S I 5 2 0 d e

a d l i n e




Soma Ray

Contact Calendar

Back


Month Week Day

8-10am

October 15

8-10am

10-12pm

12-2pm

2-4pm

4-6pm

6-8pm

8-10pm




Soma Ray

Contact Calendar

Portfolio

Resume

About Me

Life

Back

Contact Me

Name

E-mail

Message

Send




Soma Ray

Contact Ca lendar

Portfolio

Resume

About Me

Life

Back

Hi! I am Soma.

I go to the School of Information at University of Michi-

gan (UMSI), Ann Arbor.

I am interested in technology and I like to make it easy

for users who need and use technology. This is why I am

an information and experience professional.

I also like food, photos, and dances.



Soma RayBack

Search

About Me Contact MePortfolio



Soma Ray Web Identity Guide

Color

Font

Image Guidelines

Berlin Sans FB

ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789

abcdefghijklmnopqrstuvwxyz0123456789

abcdefghijklmnopqrstuvwxyz0123456789

Alternative: Myriad Pro

ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyz0123456789

Image in Gallery (CSS Sprites): 151 x 98 px

Gallery Size on Home page: 498 x 451 px

About Me main Image: 291 x 351 px

Blog page header Image: 762 x 158 px

Mobile mockup Image: 161 x 104 px

Mobile mockup gallery: 348 x 353 px

web identity soma

Documents