Challenge Summary
Welcome to the AppXpress – Poarch Law Responsive Redesign Challenge! In this challenge we are looking to redesign the web version for Poarch Law and provide a mobile version as well, please make sure to open the link on a web browser and explore the current UI before start designing your solution. We are not happy with the look and feel of the website, and we are looking for the community help us with the redesign of this website.
We would like to keep the existing logo: http://www.poarchlaw.com/wp-content/themes/pvd/images/logo_big.png
And we do like the current color scheme (represented in the logo), however this isn't required. For the checkpoint we would like to see other options.
We do NOT want to be a stereotypical immigration website. That means we do NOT want pictures of the American flag, the statue of liberty, etc. What we would like are pictures of clients and videos scrolling on the home page.
We expect the majority of our users will be accessing the site via mobile, so this is a very big priority for us!
Our website is currently built on Wordpress. We would like to continue using wordpress to host the site so the designs should be something we can fold into a wordpress theme.
Round 1
Submit your design for a Checkpoint feedback:
0. Navigation. (Desktop + Mobile)
1. Main Landing Page. (Desktop + Mobile)
2. Detailed View Page. (Desktop + Mobile)
3. About Pages. (Desktop + Mobile)
4. Practice Info Page. (Desktop + Mobile)
5. FAQs Page. (Desktop + Mobile)
- If you have time - please provide us with a click map for your design.
- Readme.jpg : Provide notes about your submission.
- Make sure all pages have correct flow! Use correct file numbering. (00, 01, 02, 03)
Round 2
Final Design plus Checkpoint feedback:
0. Navigation. (Desktop + Mobile)
1. Main Landing Page. (Desktop + Mobile)
2. Detailed View Page. (Desktop + Mobile)
3. About Pages. (Desktop + Mobile)
4. Practice Info Page. (Desktop + Mobile)
5. FAQs Page. (Desktop + Mobile)
6. Contact Us Page. (Desktop + Mobile)
7. Blog Page. (Desktop + Mobile)
8. News Page. (Desktop + Mobile)
- If you have time - please provide us with a click map for your design.
- Readme.jpg : Provide notes about your submission.
- Make sure all pages have correct flow! Use correct file numbering. (00, 01, 02, 03)
Challenge Description:
The goal of this challenge is to redesign the Poarch Law website to focus on improved user experience and provide a great mobile experience. The current website was designed approximately 4 years ago.
The site should be easy to navigate and provide a very modern navigation and look and feel.
We are looking for the [topcoder] design Community to help us with planning our new "user experience" (UX).
Branding Guidelines:
- Please refer the client website here for branding guidelines, although for the checkpoint we would like to see other options; we are looking for a clean look and feel.
Supporting Documents:
- Client Logo (Logo.zip).
Design Goals:
- We are looking for a clean feel for the website.
- Please avoid dark colors for areas with text.
- How should this web version look? And how should the mobile version look?
- How quickly the user can find what he wants?
- The website should be easy to use.
- Think simple but effective solutions! Have fun creating this - let us know how you think it should work!
Screen Sizes:
- Mobile Resolution: Design for iPhone 6 Retina Display 750px x 1334px.
- Desktop: 1024px width and height as required.
Make sure you create graphic in 'shape' format, so when we resize graphics will still look sharp! It will be great if you can provide the landscape version.
Required Screens:
0) Navigation:
- How does the user navigate this application?
- Include navigation that you think fits with this application.
- Focus on the priority items and how things should be sized.
1) Main Landing Page:
- Please refer client landing page http://poarchlaw.move-marketing.net
- User should be able to see:
-- Welcome message.
-- Individuals Immigration solutions.
-- Business Immigration solutions.
-- Other Attorneys section.
- Clicking on a link will open a new page (Detailed View)
- Connect with us via Social Media.
- We need search feature and search results page.
2) Detailed View Page:
- Example: http://poarchlaw.move-marketing.net/provisional-waivers/
- When the user clicks on a link in home page he will be redirected to this detailed page view.
3) About Pages:
- http://poarchlaw.move-marketing.net/about/christine-lockhart-poarch/
- For Attorney user should be able to see:
-- Attorney Picture.
-- Attorney Name.
-- Attorney Information.
- http://poarchlaw.move-marketing.net/about/poarch-law-staff/
- For Staff user should be able to see:
-- Staff Picture.
-- Staff Name.
-- Staff Information.
4) Practice Info Page:
- http://poarchlaw.move-marketing.net/practice/
- User should be able to see cases that Poarch Law practice can handle.
5) FAQs Page:
- http://poarchlaw.move-marketing.net/immigration-faqs/
- User will be able to view frequently asked questions.
6) Contact Us Page:
- http://poarchlaw.move-marketing.net/contact/
- Location of practice on Google map.
- Mailing address information:
-- Name.
-- Phone.
-- Email.
-- How can we help?
- Phone and Fax numbers need to be displayed.
- Connect with social network need to be displayed as well.
7) Blog Page:
- http://poarchlaw.move-marketing.net/immigration-law-blog/
-- Article Headline.
-- Article Picture.
-- Article content.
-- Full Article Button, once clicked on user will be able to see full article.
8) News Page:
- http://poarchlaw.move-marketing.net/firm-news/
- User will see links for firm news.
- Once clicked on a link user will see full news details view.
Note: Please don’t copy the current web version, as we need to make this version more usable and modern.
Important:
- Keep things consistent. This means all graphic styles should work together including the look and feel we already have.
- All of the graphics should have a similar feel and general aesthetic appearance
Target User:
- The main users of the app will be potential clients, both individuals and businesses, looking for immigration services.
- Other law firms that are looking to refer legal matters will also be a focus.
Judging Criteria:
- How well you plan the user experience and capture your ideas visually
- Cleanliness of your graphics and design
- Creativity and ease-of-use is key to the success as it must be engaging to users.
Submission & Source Files:
Preview Image
Please create your preview image as one (1) 1024x1024px JPG or PNG file in RGB color mode at 72dpi and place a screenshot of your submission within it.
Submission File
Submit JPG/PNG for your submission files.
Source Files
All original source files of the submitted design. Files should be created in Adobe Photoshop and saved as layered PSD file, or Adobe Illustrator as a layered AI file.
Final Fixes
As part of the final fixes phase you may be asked to modify your graphics (sizes or colors) or modify overall colors. We may ask you to update your design or graphics based on checkpoint feedback.
Please read the challenge specification carefully and watch the forums for any questions or feedback concerning this challenge. It is important that you monitor any updates provided by the client or Studio Admins in the forums. Please post any questions you might have for the client in the forums.